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