CSS フローティング関連の issues_html/css_WEB-ITnose

CSS コード: div{width:100px;height:100px;background:#000;border:2px Solid #f00;float:left;}
.clear{height:50px;}
HTML コード: < div>

cc

P 要素を に変更すると、まったく異なる結果が生成されるのはなぜですかdiv要素？もちろん、この分類されたdiv要素をフロートにします） pに変更されたdivの幅を大きく設定しても、違いがないことがわかるはずです

.clear{width:100px;height:50px;}
それもOKです

*{margin:0 ;padding:0}

提案 これを使用して、最初にすべての要素をリセットします。そうすれば、効果は同じになるはずです。 DIV と P は両方ともブロック要素であるためです。