兼容浏览器的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。