适合包装到100％的宽度和高度

2018-07-02 01:44:39

我想创建一个适合浏览器视口的全部高度和宽度的div 。我只是想了解简单的CSS：

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

但它不适合高度。 #wrapper没有任何高度。为什么？

提前致谢。

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

http://fiddle.jshell.net/zDuWh/

要么

html, body { height: 100% }

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

http://fiddle.jshell.net/VJv6h/

这个怎么样：-

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

要么

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

链接地址: http://www.djcxy.com/p/89409.html