CSS设定，最低高度和自动增加高度怎么做？

html-css0104

CSS设定，最低高度和自动增加高度怎么做？,第1张

HTML

<div class="div1">

</div>

CSS

.div1 {

min-height: 30px/*最小高度30像素*/

}

设置min-height后，默认最小高度为30像素。内容增加后，div高度也会容增加。

注意：ie6 不支持min-height属性。

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

height:automin-height:500px_height:500px

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

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

1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。

2、html页面代码如图所示，定义一个div，然后给一个id属性即可。

3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。

4、然后在浏览器运行之后的效果是这样的哦，放大缩小浏览器，宽高会随之改变。

5、这个方法是使用expression来设置高度即可。