寬度設置100%試試

<style type="text/css">

body{ margin:0; padding:0; font-size:30px; color:#fff}

.top{height:100px;background-color:grey;}

.main{height:500px;}

.left{width:200px;height:500px;position:absolute;left:0;background-color:blue;}

.right{height:500px;position:absolute;right:0;left:200px;background-color:green;}

.foot{height:50px;background-color:orange;}

</style>

中間main模塊的思路

left按要求設置寬度，利用絕對定位將模塊定位左邊

right寬度自適應的話不要設置其寬度，利用絕對定位將模塊定位在距離左邊200px的位置

注意float與position的區別：

float僅僅只是將元素浮動到左邊或者右邊，沒有任何數值要求

但是當有數值要求時，用絕對定位position更加精確

加個left:200px