标签:元素 溢出 code 没有 float css3 浮动 log hid
不清除浮动的一个常见危害是高度塌陷。关于高度,下面说这么几种情况:
解决浮动的办法: clear:both
,不允许元素两侧有浮动(你可以理解为,遇到浮动元素会往下挪,从而撑起高度)
::after
伪元素.cl{zoom:1;} .cl::after{content:‘‘;display:block;height:0;visibility:hidden;clear:both;}
加两个点是CSS3新规,兼容的话一个点就好
<div> <div style="float:left;">I M LEFT</div> <div style="float:right;">I M RIGHT</div> <div style="clear:both;"></div> </div>
缺点在于创建了不必要的节点,所以普遍做法是第一种
标签:元素 溢出 code 没有 float css3 浮动 log hid
原文地址:http://www.cnblogs.com/AaronNotes/p/6524288.html