HTML，身體和高度的div 100％

-1

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

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

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

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

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

2017-03-06 Markeee

你能後的HTML嗎？ – ZimSystem

如果你添加'min-height：100％'，那麼body就會隨着內容的增加而增加。 – pol

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

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

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

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

overflow的默認值不是hidden。

2017-03-06 15:54:49 Quentin

這是關閉梁，但如果我設置html，body，hero_div {height：100％}，那麼我有第二個div（一個下拉菜單）與位置絕對是有辦法讓它覆蓋的高度整個頁面？目前這個高度爲100％的第二個div與身體=屏幕高度相同。 – Markeee

看看這樣說：

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

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

2017-03-06 15:58:06 Johannes

回答