清除浮动的方法？ _生活知道

1. 父级div定义 height
原理：父级 div手动定义 height，就解决了父级 div无法自动获取到高度的问题。简单、
代码少、容易掌握，但只适合高度固定的布局.
2. 结尾处加空 div标签 clear：both
原理：在浮动元素的后面添加一个空div兄弟元素，利用 css 提高的clear：both清除浮动，
让父级div能自动获取到高度，如果页面浮动布局多，就要增加很多空 div，让人感觉很
不好 .
3. 父级div定义伪类：after 和 zoom
/清除浮动代码/
.clearfix：after{
content：\”\”；
display：block；
visibility：hidden；
height：0；
line-height：0；
clear：both；
}
.clearfix{zoom：1}
原理：IE8以上和非 IE浏览器才支持：after，原理和方法 2有点类似，zoom
可解决ie6，ie7 浮动问题，推荐使用，建议定义公共类，以减少CSS 代码。
4. 父级div定义 overflow：hidden
超出盒子部分会被隐藏，不推荐使用.
5. 双伪元素法：
【清除浮动的方法？】.clearfix：before，.clearfix：after {
content： \”\”；
display： block；
clear：both；
}
.clearfix {
zoom： 1；}
以上就是朝夕生活（www.30zx.com）关于“清除浮动的方法？”的详细内容，希望对大家有所帮助！

清除浮动的方法？

猜你喜欢