Html 将包装袋安装到100%宽度和高度

我想创建一个符合浏览器视口全高全宽的

div

。我只是想到了一些简单的css，比如：

#wrapper { width: 100%;
           height: 100%;
           background-color: red;
}

但它不适用于高度。

#包装

没有任何高度。为什么?

提前谢谢

#wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: red;
}

或

或

这个怎么样：-

#wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: red;
}

或

这个怎么样：-

#wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: red;
}

或

---

您需要添加

高度：100%

到

和

元素这里已经回答了问题[[1]：您需要设置位置：绝对；您需要添加

高度：100%；

到

和

元素这里已经回答了问题[[1]：您需要设置position:absolute；这正是我所需要的。但是您能解释一下为什么我必须在body和htmls css中声明高度，而不是宽度吗？@supersize Sure！A

div

每个默认块元素（

display:block

）例如，如果您将

display

设置为

inline

，这将不再起作用。您可以在此处阅读更多关于它的信息：这里：这正是我所需要的。但是，您能否解释一下为什么我必须声明body和htmls css中的高度，而不是宽度？@supersize Sure！A

div

每个默认块元素（

display:block

）例如，如果将

display

设置为

inline

，则此操作将不再有效。您可以在此处阅读更多信息：和此处：

html { height: 100% }
body { height: 100% }