ホームページ > 記事 > ウェブフロントエンド > CSS フローティング関連の issues_html/css_WEB-ITnose
CSS フローティング関連の issues_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:32:241184ブラウズ
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 は両方ともブロック要素であるためです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。