css如何根据屏幕宽度设置div高度
工具/原料
web开发环境
方法/步骤
1
首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示
2
html页面代码如图所示,定义一个div,然后给一个id属性即可
3
这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试
4
然后在浏览器运行之后的效果是这样的哦,放大缩小浏览器,宽高会随之改变。
5
这个方法是使用expression来设置高度即可(这里只适用于ie低版本)。
6
在ie浏览器中的运行效果和上面的方法一样的哦(需要注意的是,如果div中有图片或者文字时,要注意其最小值即不会影响布局效果的div最小大小)
注意事项
方法根据实际情况选择,如果帮到你,记得点赞支持哦
上一篇:css 设置表格指定宽度
下一篇:css怎样设置字体类型大小和颜色