不清除浮动的一个常见危害是高度塌陷。关于高度,下面说这么几种状况:css
解决浮动的办法: clear:both
,不容许元素两侧有浮动(你能够理解为,遇到浮动元素会往下挪,从而撑起高度)html
::after
伪元素.cl{zoom:1;} .cl::after{content:'';display:block;height:0;visibility:hidden;clear:both;}
加两个点是CSS3新规,兼容的话一个点就好spa
<div> <div style="float:left;">I M LEFT</div> <div style="float:right;">I M RIGHT</div> <div style="clear:both;"></div> </div>
缺点在于建立了没必要要的节点,因此广泛作法是第一种code