HTML，身體和高度的div 100％

Question

我有很多內容拉伸到屏幕底部以下。在頁面頂部，我有一個包含「英雄形象」的div。 div填滿屏幕的高度。我設置了這個：

html, body { height: 100%; } 
.hero_div { height: 100%; } 

但我不明白爲什麼這個工程。

如果我將高度從身體上移除100％，高度爲3978像素（整個頁面/內容的高度）。但身高100％時身體的高度僅爲653像素（屏幕高度），但仍然顯示低於此653像素的內容。

身高100％的身體當然應該是身體標記中所有內容/頁面的高度（本例中爲3978px）？

Answer 1

當然機身採用高100％應該是body標籤內的所有內容/頁面的高度

號的height: 100%指「元素內容的高度的100％」不「元素內容的高度的100％「。

HTML元素的容器（有效）是視口。

但仍然顯示低於此653px的內容。

overflow的默認值不是hidden。

Answer 2

看看這樣說：

如果限制html和body至100％的高度，其內容將滾動，即內容「身體」的。

如果你不把「體」的高度，body將其內容的完整高度，將滾動內HTML