按答案上寫，為什么藍色掉了和右側不在一行上呢
body{margin:0px; padding:0px; font-size:30px; color:#fff}
.top{height:50px; background:#ccc;}
.main{height:300px;background:red;}
.left{width:200px; height:300px; background:blue;}
.right{height:300px; background:#9c9;margin-left:210px;}
.foot{height:50px;background:orange;}
2016-05-19
因為你right部分沒有脫離文檔流的設置，如浮動或者position:absolute，也就是說此時right還是標準的塊狀元素，塊狀元素的特點就是獨占一行。由于在HTML代碼中，right在前，left在后，所以left的藍色塊就在right的下方，而不是同一行
2016-06-17
.left{width:200px; height:300px; background:blue;position:absolute; top:50px;}
2016-05-10
可能你body某個單詞寫錯了 ?