适合100%宽度和高度的包装

Question

我想创建一个div适合浏览器视口的整个高度和宽度的.我只想到简单的css:

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

但它不适用于高度.在#wrapper没有任何高度.为什么？

提前致谢.

Answer 1

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

要么

html, body { height: 100% }

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