Html 所有方向偏移量为0的绝对位置

我刚刚开始学习html和css，我一直在看各种网站进行练习

这个特定的网站（）引起了我的注意，但我很难弄清楚这里的元素是如何工作的

如果您访问该网站，会发现使用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;}

#容器{
位置：绝对位置；
顶部：0px；
底部：0px；
左：0px；
右：0px；}

提前谢谢

---

另外，若我的格式有问题，请通知我！这是我第一次在这里发布。

这是为了将元素拉伸到设置了

位置的最近父元素的最大极限。在这种情况下，可以扩展浏览器视口的全高和全宽

它基本上告诉元素，其顶部应与其父元素的顶部相交，其底部应延伸至其父元素的底部，其左侧和右侧也是如此

另一种方法是使用以下CSS：

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

不同之处在于，通过使用
position:absolute
提供了内容分层选项。
让我们看看我是否理解这一点。通过执行上述css，（div id=“container”）的当前维度实际上是当前浏览器视口的维度。这是正确的吗？是的…或者是上面设置了
位置的最近的父对象的尺寸。非常感谢！从昨晚开始我就一直在想这个问题，现在你已经清楚地回答了我的问题。荣誉