私は画面の下に伸びる内容がたくさんあります。ページの上部には、「ヒーローイメージ」を含むdivがあります。 divは画面の高さを塗りつぶします。高さ100％のhtml、body、divs
html, body { height: 100%; }
.hero_div { height: 100%; }
私はこれがなぜ機能するのか分かりません。
体から100％の高さを取り除くと、高さは3978ピクセル（ページ全体の高さ/内容）になります。しかし、高さ100％の場合、ボディの高さはわずか653ピクセル（画面の高さ）ですが、この653ピクセル以下のコンテンツは引き続き表示されます。
ボディータグ内のすべてのコンテンツ/ページ（この場合は3978px）の高さは、必ず高さ100％のボディーにする必要がありますか？
確かに100％bodyタグ内のすべてのコンテンツ/ページの高さであるべきである高さを有する本体
号height: 100%手段「要素の内容の高さの100％」ではありません」要素の内容の高さの100％ "となります。
HTML要素のコンテナは（効果的に）ビューポートです。
ただし、この653px未満のコンテンツは引き続き表示されます。
overflowのデフォルト値はhiddenではありません。これで
これは梁から外れていますが、html、body、hero_div {height：100％}を設定すると、position絶対値を持つ2番目のdiv（ドロップダウンメニュー）が表示されます。ページ全体？現時点では、高さ100％のこの2番目のdivはbody = screenと同じ高さです。 – Markeee
ルックこの方法を：あなたは100％の高さにhtmlとbodyを制限する場合
、そのコンテンツは、「身体」のすなわち内容をスクロールされます。
あなたは「身体」に高さを入れていない場合は、bodyは、その内容の完全な高さを持つことになりますし、HTML
内にスクロールされますあなたもHTMLを投稿することができますか？ – ZimSystem
'min-height：100％'を追加すると、本文が内容と共に増加します。 – pol