清除浮动的几种常用方法

使用float时，会对父元素产生一定的影响，如果父元素没有设置宽高时，则会出现高度塌陷等问题。以下是几种解决浮动问题的方法：

1、给父元素加display：inline-block；

2、给父元素也加浮动；

3、浮动元素下加<br clear="all"/>

4、使用伪元素:after{content:"";clear:both;display:block}

5、给父元素加overflow:hidden/auto;

6、给浮动元素下加<div class="clear"></div> .clear{width:0;height:0;clear:both}