刚学css div布局，总会遇到很多浏览器兼容的问题，这个问题困扰了一段时间，只到看了精通css才看到几个解决办法。

1.加clear空div

.clearfix:after {

content: "."; display: block;

height: 0;

clear: both;

visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac */

* html .clearfix {height: 1%;}

.clearfix {display: block;}/* End hide from IE-mac */

.clearfix {

display: block;

margin: 0px;

clear: both;

padding: 0px;

visibility: hidden;

background-color:#666666;

border:0px none #FFFFFF;

}

.clearfix:after { height: 1px;}

使用方法：

在所有浮动层之后加上这个层

<div class="clearfix"></div>

2.把背景层加浮动，但是这个方法会影响其他的div，有时候好用。

3.加 overlow 这个也有问题，会影响div的外观。

总之 希望以后的以后只有一种浏览器...