首頁 >web前端 >css教學 >如何在不刪除 DOCTYPE 的情況下將 Div 設為 100% 高度?

如何在不刪除 DOCTYPE 的情況下將 Div 設為 100% 高度?

DDD
DDD原創
2024-12-29 15:15:15963瀏覽

How Can I Make a Div 100% Height Without Removing the DOCTYPE?

CSS 高度屬性、百分比值和 DOCTYPE

如何使 div 以 100% 高度填充頁面而不移除這DOCTYPE?

解決方案:

在根元素上聲明高度:

html { height: 100%; }

為什麼刪除DOCTYPE 會起作用?

為什麼刪除DOCTYPE 會起作用?

在標準模式下,子元素的百分比高度沒有定義的高度被視為自動。然而,在怪異模式下,百分比高度是相對於視口測量的。因此,刪除 DOCTYPE 會強制瀏覽器進入怪異模式,允許 div 以 100% 的高度填充頁面。
<!DOCTYPE html>
但是,怪異模式是不可預測且不可靠的。始終包含 DOCTYPE 以使用以下方式在標準模式下呈現文件:

以上是如何在不刪除 DOCTYPE 的情況下將 Div 設為 100% 高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn