DIV高度怎么设置全屏?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DIV高度怎么设置全屏?相关的知识,希望对你有一定的参考价值。

参考技术A

DIV最外层全屏100%宽度

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

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

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

完整html+css代码:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

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

<style>

#warp width:100%;height:80px;background:#000

</style>

</head>

<body>

<div id="warp"></div>

</body>

</html>

以上是关于DIV高度怎么设置全屏?的主要内容,如果未能解决你的问题,请参考以下文章

怎样使div充满全屏

怎么设置Div随着内部数据多少自适应高度?

div设置全屏(铺满屏幕)

css背景图片如何设置全屏??

CSS 的设置 div子节点怎么自适应 父节点的高度呢 父节点没有设置高度值的

CSS如何怎么设置div边框颜色宽度和高度