其实,缘由很简单,是加载顺序的问题,由于后面一个元素没有加载好,因此后面的元素不会受到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; }