[转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)

在CSS中设置div(及其他块元素)的最小高度时，可以用min-height，但是此属性并不支持IE6及IE6以下的IE版本，这里有一个比较好的办法来解决设置div最小高度时在各个浏览器之间的兼容性问题，适用于IE5.5、IE6、IE7、IE8、IE9、Firefox、Google Chrome、Safari等所有浏览器。

假设你要设置的最小高度是100px，那么代码如下：

1

div {

2	height: auto!important;

3	height: 100px;

4	min-height: 100px;

5

}

用此方法设置div最小高度的原理：

IE5.5和IE6并不支持!important和min-height， 所以在IE5.5和IE6看来这个CSS是这样的：

1

div {

2	height: 100px;

3

}

而在IE5.5和IE6中，即使设置了height，也是可以自动延伸的，所以效果和在其他浏览器中设置min-height的效果是一样的。

在其他浏览器（IE7、IE8、IE9、Firefox、Google Chrome、Safari）中，这几种属性及值都是支持的，并且!important优先权比较高，所以对于这些浏览器来说，有效的CSS是这样的：

1

div {

2	height: auto!important;

3	min-height: 100px;

4

}

OK，这样就解决了设置div最小高度时在各种浏览器之间不兼容的问题了。

来源：http://jae.iterc.com/web%E5%89%8D%E7%AB%AF/CSS%E4%B8%AD%E8%AE%BE%E7%BD%AEdiv%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6.html