css如何设置最小高度并且随着内容

html-css016

css如何设置最小高度并且随着内容,第1张

这个代码比较简单

代码如下

min-height:400px//(解决ie8.9.ff.chrome)

*+height:100% //(解决ie7)

_height:400px//(解决ie6) ie6超出自动溢出

代码都有注释,只为了大家能看的更清晰更明白,

.className{ min-height:100px

_height:100px

}

注释:min-height。最小属性的意思,当内容超出时div被撑大。

下面是兼容IE6的。IE浏览器当给顶DIV高度的时候且内容超出了该高度,那么DIV被撑大,而火狐和谷歌不会(可一个给个边框就能看出超出的效果了)。所以直接给height IE类浏览器是可以的。但是火狐不行。并且min-height这个样式IE6不认识。所以用IE6HACK即_height只有IE6认识。当超出时也适应,没有超出时候是这个高度。这样即实现了浏览器的兼容性有实现了效果