CSS清除浮动的方法

清除浮动的方法

1.直接给父盒子设置高度：这种方法没有清除浮动，可以达到和清除浮动一样的效果，但是不推荐这样做；
2.在父盒子的最后面添加一个块级元素（例如div）,然后给该块级标签添加clear: both;

3.单伪元素标签法：父盒子添加after伪元素标签，然后把该伪元素转换成块元素,再添加clear: both。注意点：想让伪元素生效，需要在伪元素里面添加content属性；

4.双伪元素标签法：父盒子添加before和after伪元素，然后把这两个伪元素转换成块元素，再添加clear:both。注意点：该方法是为了同时解决清除浮动和盒子塌陷问题，因此需要转换成table；

5.设置overflow：给父盒子设置overflow: hidden; 添加该属性以后会产生一个独立渲染区域，从而解决浮动的问题。不推荐使用。