DIV+CSS页面设计人员都会遇到这样的问题，页面在IE下高度会随着嵌入层的高度而增加，但在火狐浏览器下面高度自适应不会这么容易，超出的部分会溢出原层。在这里自己的一点小经验大家看一下。

解决IE与火狐的高度自适应问题，需要:

height:高度;

min-height:最小高度(只针对火狐，IE不识别该标签)

!important:重要，提前;(当该标签出现在同一选择器里时，火狐优先执行，而IE默认执行最后一个属性;) overflow:hidden; //这句很关键，可以保证高度适应!

需要注意的是：在针对一个需要定高度，同时又希望能高度随内容的变化自适应的话，写发的顺序要注意;下面是正确的定义顺序;

height:auto!important

DIV有背景颜色的时候，DIV被撑开但是背景颜色没有被撑开，只要加上如下代码就可以了

overflow:hidden; //这句很关键，可以保证高度适应!

自适应高度DIV 自动换行

某些时候DIV虽然被撑开了，但是在没有完全写满的DIV的下一排DIV会紧跟在没有写满的DIV后面，这是你在没有完全写满的DIV可以加上overflow:hidden; 下一排DIV就不会紧跟其后面，会另起一行。