html 清除浮动的几种方式

清除浮动的几种方式？

答：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(IE 转有属性)可解决 ie6，ie7 浮动问题 ，
推荐使用，建议定义公共类，以减少 CSS 代码。
4，父级 div 定义 overflow：hidden
超出盒子部分会被隐藏，不推荐使用.
5. 双伪元素法：
.clearfix：before，.clearfix：after {
content： ""；
display： block；
clear： both；
}
.clearfix {
zoom： 1；
}

转载于:https://www.cnblogs.com/pangwl/p/8025003.html