即使為空，如何使 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中文網其他相關文章！