兼容浏览器的DIV最小高度自适应

其实这个问题经常会碰到:容器需要跟据其内容自适应高度,但在内容不够时又要保持一个最小高度。最初的时候我也曾饱受其困扰,

因为IE6不支持min-height的属性,IE6中直接用height就可实现最小高度自适应。而在IE7跟FF中,用了height属性的话就不能自

动撑长了。所以就有这么一种解决方法,给IE7跟FF设定min-height以及height:auto,而另外用一个IE6的hack来解决IE6下的问

题。不过本民工一向不喜欢用hack,能不用就尽量不用,所以经多方考证找到另外一种方法:

div {height:auto !important; height:300px; min-height:300px;}

由于用了!important,所以IE7跟FF会认height:auto属性,而IE6的话就只认height属性了。不过要注意,不要设置overflow:hidden属性,在某些需要清除浮动的场合可能会用上overflow:hidden。

posted @ 2009-07-17 11:50  Jcool  阅读(957)  评论(0编辑  收藏  举报