CSS的最大高度，最小高度及宽度在IE6下没有

html-css032

CSS的最大高度，最小高度及宽度在IE6下没有,第1张

这个其实很简单，只要加上两条语句就行了。

#obj{

min-height:500px

_height:500px

}

第一条min-height:500px这是针对IE7和FF的，因为IE6不支持min-height属性。而第二条是用了hack，因为_height只有IE6才认识，对IE7和FF不起作用。因为IE6里面，如果内容超出了height指定的高度,则容器会被撑大。切记不能给#obj加overflow:hidden属性哦。

但在IE6下快读始终无法改变，是怎么会事？

我没明白你的意思 但是你的css可以优化的。。

PADDING-RIGHT: 3pxPADDING-LEFT: 3pxPADDING-BOTTOM: 0pxPADDING-TOP: 0px

写成 padding:0 3px 0 3px

而且样式表 应该小写。。

废话少说！

最小高度：

最小宽度：

重点：

先利用较新的浏览器识别min-width/height，透过它来指定值,而IE6则是透过width/height取值。 不过这里有个冲突，就是新的浏览器也识别width/height，因此min-width/height会被width/height改写，解决的办法，就是中间那一行。 height: auto !important(以及width: auto !important) 由于它标示!important，所以下面那行height无法取代上面这一行，见解变成新的浏览器忽视掉第三行，而让高度不受第三行影响。 另外由于IE6不识别 min-height和 !important属性，所以它还是取第三行的语法，这样就可以相安无事，皆大欢喜。