私のhtmlには、次のようなものがあります
<html>
<head>
</head>
<body>
<div id = "main">
<div> I'm 500px tall</div>
<div> I'm xxxpx tall</div>
</div>
</body>
</html>
そして私のcssは
head, body, #main{
height:100%;
width: 100%;
}
otherDivs{
height: some number of px
}
すべての表示はブロックまたはインラインのいずれかで、フロートはありません
位置は絶対または相対のいずれかです
何が起こったのかというと、 #main (&body&それをラップする html) の高さが完全なページの高さ (ページの高さの約 2/3 のみ) ではなく、#main に含まれる一部の div が実際にメインの高さを超えています。
height:100% を min-height:100% に変更することでこれを修正しましたが、要素が親 div の高さを超える理由を理解できませんでした。子 div のすべての高さが px で宣言されていると 100% 確信しています。 t #main はそれらを自動的にラップしますか?