2021-02-02

**

html中的清除浮动

**
1、clear清除浮动（添加空div法）
在浮动元素下方添加空div,并给该元素写css样式： {clear:both;height:0;overflow:hidden;}12
2、方法：给浮动元素父级设置高度
我们知道了高度塌陷是应为给浮动元素的父级高度是自适应导致的，那么我们给它的设置适当的高度就可以解决这个问题了。
3、方法：父级设置成inline-block
缺点：父级的margin左右auto失效，无法使用margin: 0 auto;居中了12
4、给父级添加overflow:hidden 清浮动方法；
问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；12
overflow: hidden;
5、万能清除法 after伪类 清浮动（现在主流方法，推荐使用）
选择符:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }123456789