如何让div占据页面剩余高度？

实现最佳 Div 高度占用

使用网页布局时，通常需要让 div 占据页面的剩余高度。以下面的情况为例：两个 div，一个具有固定高度，另一个用于填充剩余空间。

<div>

要确保 div2 占据页面的剩余高度，有效的解决方案是采用绝对定位：

#div1 {
    width: 100%;
    height: 50px;
    background-color: red; /* Development Only */
}
#div2 {
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    background-color: blue; /* Development Only */
}

采用这种方法，div1 保持固定高度，而 div2 绝对定位，从 div1 的底部开始，占据剩余的垂直空间，直到页面底部，有效填充剩余高度。

以上是如何让div占据页面剩余高度？的详细内容。更多信息请关注PHP中文网其他相关文章！