css,我有个div,需要给他设置一个最低高度,当超过最低高度时,高度自适应。怎么写?

html-css076

css,我有个div,需要给他设置一个最低高度,当超过最低高度时,高度自适应。怎么写?,第1张

.className{ min-height:100px

_height:100px

}

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

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

假如你希望的默认高度是500px,那么就可以这么定义它的css:

height:automin-height:500px_height:500px

这样这个元素就回保持最低高度500px,超过高度自动增加了~

后面的“_height:500px”是为了解决IE6不能识别min-height属性的bug,在IE6里面,min-height虽然不能被识别,但是如果超过了规定高度,又没有设置overflow:hidden的话,div的高度会自动增加的。