圖一是代碼，圖二是結果。和參考代碼差不多，但是就是right總掉下去，求大神告知原因。+1積分,
大家來看看
Blizzard_lihe
2016-08-28
5 回答
舉報
0/150
提交
取消
2016-08-28
因為middle是在標準文檔流中，所以middle塊級元素占一行，后面的div只能從下面開始了。我猜測應該是這個原因。把middle改成相對或者絕對定位，使它脫離標準文檔流應該可以。
2016-08-28
因為老師的代碼中main在right后面，所以main這個div可以放到left和right的這一行中，因為left和right已經脫衣標準文檔流了。而你的代碼中，middle在right前面的，middle這個div占據整行后，這行不能再放其他元素了
2016-08-28
這段是老師給的代碼，他的就可以，我的那段和他差不多啊，left和right都用float,main用margin,最后底部清除浮動，不理解我的錯出在哪里？？？
2016-08-28
只能采納一個，謝謝樓下這段擼代碼的人，好人一生平安。
2016-08-28
body{margin: 0;padding: 0;}
?? ?.header,.footer{height: 40px;background: pink;}
?? ?.left,.middle,.right{height: 500px;}
?? ?.left{width: 20%;background: blue; position: absolute;top: 40px; left: 0;}
?? ?.middle{margin: 0 20%;background: black;}
?? ?.right{width: 20%;background: #aaa;position: absolute;top: 40px;right: 0;}
?? ?.footer{clear: both;}