DIV高度怎么设置全屏？_随笔

DIV最外层全屏100%宽度

其实DIV全屏即宽度值设置为100%，如果对网页最外层的DIV盒子不设置宽度，这样盒子依然是全屏相当于100%宽度。

如果对DIV设置全屏，一般我们就设置其width宽度样式为100%。

这里为了方便理解，DIVCSS5实例讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp同时为了便于观察，我们对div设置一个css背景为黑色，高度为80px。

完整html+css代码：

<!DOCTYPE html>

<head>

<title>div全屏实例</title>

<style>

#warp{ width:100%height:80pxbackground:#000}

</style>

</head>

<body>

</body>

</html>

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在<style></style>标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

欢迎分享，转载请注明来源：内存溢出

DIV高度怎么设置全屏？