<style type="text/css">

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

.top{width:600px; height:100px; margin:0 auto; background:#8f8f8f;}

.main{width:600px; height:400px; margin:0 auto; background:red;}

.left{width:200px; height:400px; float:left; background:blue;}

.right{width:390px; height:400px; float:right; background:green;}

.foot{width:600px; margin:0 auto; background:orange; clear:both;}

</style>

我没有用 margin-left，采用偷懒方式直接定宽度，然后留空隙并显示底部的红色：）

猜测是使用float属性，导致margin失效，可用clear:both试试.