神奇的clear:right


        其實,緣由很簡單,是加載順序的問題,由於後面一個元素沒有加載好,因此後面的元素不會受到clear:right的影響~
app

也就是前面元素在執行clear:right的時候,後面應該消失的元素尚未出現,因此計算不出要換行。spa

clearright
再配合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;
}
相關文章
相關標籤/搜索