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

html-css016

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属性,所以它还是取第三行的语法,这样就可以相安无事,皆大欢喜。