其實,緣由很簡單,是加載順序的問題,由於後面一個元素沒有加載好,因此後面的元素不會受到clear:right的影響~
app
也就是前面元素在執行clear:right的時候,後面應該消失的元素尚未出現,因此計算不出要換行。spa
再配合overflow:hidden就能夠搞定問題。code
不要問我這個是爲何,我也不知道緣由,誰知道跟我說下,我也是那裏玩時偶然發現的。XD 代碼在這裏
orm
<div class="wrapper"> <div class="sbox">Content</div> <div class="sbox">Content</div> </div>
.wrapper{ clear:both; float:left; width:150px; border:3px #666 solid; padding:3px; background-color:#efefef; } .sbox{ /*clear:right;*/ float:left; width:100px; height:100px; border:1px #000 solid; background-color:#ccc; }