即使为空，如何使 DIV 拉伸到页面底部？

将 DIV 块拉伸到页面底部，无论内容如何

您正在尝试确保内容 div 一直延伸到页面的底部。但是，它目前仅在有实际内容要显示时才会拉伸。如果您希望垂直边框即使在没有内容的情况下也保持可见，这一点至关重要。

问题：

问题不在于 div 的高度，而在于及其容器。父容器未处于 100% 高度，导致内容 div 继承该高度。

解决方案：

要解决此问题，请添加以下 CSS：

html,body { height:100%; }

额外调整：

您可能需要调整内边距和边距以达到所需的外观。

浏览器兼容性：

如果您需要此要在所有浏览器上工作，可能需要进行额外的修改。

推荐资源：

• [测试 HTML 正文高度](http://www.brunildo.org/test/html_body_0.html)
• [HTML 和正文高度](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/) 了解更多浏览器兼容性信息

以上是即使为空，如何使 DIV 拉伸到页面底部？的详细内容。更多信息请关注PHP中文网其他相关文章！