高さ崩壊問題_html/css_WEB-ITnose

<スタイル>
html, body { 高さ: 100%;幅: 100%;マージン: 0;パディング: 0; }
.first{
margin:20px;
background:lightgreen;
border: 2px Solid lightgreen;
/*display:inline-block;*/
/*overflow:hidden;*/
/*float: left;* /如果選択この方法、必ずこの要素の下に要素を追加しますclear:both,
/*position:Absolute;*/

}
ul{
overflow:hidden;
margin:10px;
background:lightblue ;
width:100px;
height:200px;
float: left;
}
li{
margin:25px;
}

• 1


• 2


• 3

父要素は高さと高さを設定していません。その高さはゼロになる可能性があり、高さの問題を解決するための浮遊要素のみが含まれている可能性があります。元素、清除法等、均可实现