转,解决IE与火狐的高度自适应问题

火狐与IE DIV高度自适应解决方法以及背景颜色自适应 (2008-08-24 15:18:30)

标签：it

DIV+CSS页面设计人员都会遇到这样的问题，在火狐浏览器下面高度自适应，或者背景颜色的自适应问题。在这里自己的一点小经验大家看一下。

解决IE与火狐的高度自适应问题，需要3个参数；

height:高度;
min-height:最小高度（只针对火狐，IE不识别该标签）
!important:重要，提前；（当该标签出现在同一选择器里时，火狐优先执行，而IE默认执行最后一个属性；）
      
需要注意的是：在针对一个需要定高度，同时又希望能高度随内容的变化自适应的话，写发的顺序要注意；下面是正确的定义顺序；

height:auto!important; min-height:388px; height:379px;

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

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