css控制div的高度与浏览器的高度相适应

html-css0268

css控制div的高度与浏览器的高度相适应,第1张

一、首先创建或打开我们的web项目并创建一个新的html文件和css文

二、HTML页面代码如图所示。定义一个div并给出一个id属性。

三、使用宽度百分比后,将高度值设置为零,使用padding属性的top或者bottom(可以使用任何百分比),并使用背景色作为测试。

四、浏览器运行后,效果如下。如果放大或缩小,宽度和高度将相应更改。

五、此方法是使用表达式设置高度。

您好!很高兴为您答疑!

html,body{height:100%}

然后你要和浏览器高度一样的那个div的样式里面也写:height:100%

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。