css如何根据屏幕宽度设置div高度

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

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

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

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

这个方法是使用expression来设置高度即可（这里只适用于ie低版本）。

在ie浏览器中的运行效果和上面的方法一样的哦（需要注意的是，如果div中有图片或者文字时，要注意其最小值即不会影响布局效果的div最小大小）