html布局-子div浮动后，父容器撑不开解决

 

文章：子div撑不开父div的几种解决办法：

1，可以在所有子元素后增加<div style="clear:both;"></div>

2,给父容器增加样式：

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

兼容IE样式：

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

3，父容器增加样式：overflow:hidden

 

感觉第三种方法最为简单。