css解决浮动带来的父级div高度不自动增加的问题

当设置为float时，父级不会自动计算float的高度，所以导致父级没有被float的内容撑开，下面有几种解决办法

方法一、

设置父级为固定高度

方法二、

在父级最后添加一个空的class为“clear”，div

<div class="clear"></div>

“clear”的css为：

.clear{ clear:both} 

方法三、

使用after伪类（推荐）

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

方法四、

设置父级div的overflow设为hidden