html - 在所有方向上具有0偏移的绝对位置

我刚刚开始学习html和css，我一直在看各种各样的网站来练习。
这个特殊的网站（http://jsfiddle.net/Hexapod/CWB39/260/show/）引起了我的注意，但是我很难弄清楚这里的元素是如何工作的。
如果您访问网站，会看到使用div元素制作的“事实框”。但是，这些div元素由另一个div元素组合在一起这个div元素在所有方向上都有一个绝对位置和0px的偏移量。有谁能告诉我这是为了什么吗？
下面是它的样子：

<div id="container">
    <div id="factbox1" class="info">
        <!-- some code -->
    </div>
    <div id="factbox2" class="info">
        <!-- some code -->
    </div>
</div>

#container {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;}

提前谢谢！
如果我的格式有问题，请通知我！这是我第一次在这里发帖。

最佳答案

这样可以将元素拉伸到设置了position的最接近父元素的最大值。在这种情况下，扩展浏览器视区的整个高度和宽度。
它基本上告诉元素，其顶部应与其父元素的顶部相交，其底部应延伸到其父元素的底部，其左侧和右侧也应如此。
另一种方法是使用下面的CSS：

html, body, #container{
 height:100%:
 width:100%;
}

不同之处在于，通过使用position:absolute提供了分层内容的选项。

关于html - 在所有方向上具有0偏移的绝对位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22760866/