兼容浏览器的DIV最小高度自适应
其实这个问题经常会碰到：容器需要跟据其内容自适应高度，但在内容不够时又要保持一个最小高度。最初的时候我也曾饱受其困扰，因为IE6不支持min-height的属性，IE6中直接用height就可实现最小高度自适应。而在IE7跟FF中，用了height属性的话就不能自动撑长了。所以就有这么一种解决方法，给IE7跟FF设定min-height以及height:auto，而另外用一个IE6的hack来解决IE6下的问题。
不过本民工一向不喜欢用hack，能不用就尽量不用，所以经多方考证找到另外一种方法：
1 | div {height:auto !important; height:300px; min-height:300px;} |
由于用了!important，所以IE7跟FF会认height:auto属性，而IE6的话就只认height属性了。不过要注意，不要设置overflow:hidden属性，在某些需要清除浮动的场合可能会用上overflow:hidden。
3条留言 立即发表评论
哎!浏览器的兼容性真是难调整!