前端面试积累2-清除浮动

1.清除浮动的方法

方法一：对父级设置适合的CSS高度（不推荐）

方法二：clear：both 清除浮动 （常用）

        在浮动元素的后边跟一个div， 设置 class样式 clear:both 

方法三：父级div定义伪类：after 和zoom（推荐使用）

.clearfloat:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0}

 .clearfloat{ zoom: 1}

方法四：对父级div定义overflow：hidden

必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度

参考文章：1.几种常用的清除浮动方法  2. CSS清除浮动_清除float浮动