神奇的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;
}
相关文章
相关标签/搜索