css如何根据屏幕宽度设置div高度
css如何根据屏幕宽度设置div高度
操作方法
- 01
首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示
- 02
html页面代码如图所示,定义一个div,然后给一个id属性即可
- 03
这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试
- 04
然后在浏览器运行之后的效果是这样的哦,放大缩小浏览器,宽高会随之改变。
- 05
这个方法是使用expression来设置高度即可(这里只适用于ie低版本)。
- 06
在ie浏览器中的运行效果和上面的方法一样的哦(需要注意的是,如果div中有图片或者文字时,要注意其最小值即不会影响布局效果的div最小大小)
赞 (0)