为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？

如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，下面的元素会自动补位，子盒子设置宽度父盒子撑不开，所以这个时候要进行浮动的清除。

方法如下：

1.给父元素添加overflow: hidden;

2.给父元素底下添加一个新标签，给这个新标签设置clear:both;

3.利用伪元素:after 给父元素添加以下属性 父元素:after{ content:””; /设置内容为空/ display:block; /将文本转为块级元素/ clear:both; /清除浮动/ } 父元素{ zoom:1; }

4.利用双伪元素清除浮动 父元素:before,父元素:after { content: “”; display: block; clear: both; } 父元素 { zoom: 1; }–>

推荐使用方法3，比较严谨