ホームページ > 記事 > ウェブフロントエンド > div 高さ適応問題_html/css_WEB-ITnose
div 高さ適応問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:57:00950ブラウズ
4d38b64dd865134285584f29e2ce8409
080b747a20f9163200dd0a7d304ba388 .main_all{ボーダー:1px;幅:1200px;マージン:0 自動;}
.page{border:1px ソリッドブルー;width:1200px;float:left;height:40px;line-height:40px;text-align:center;}
531ac245ce3e4fe3d50054a55f265927
1d6e7d87652dd104f173dbf7284e2799
1b751c4d0e3236909573e653cf0fa16e
883e5707d74ff12c1d556c8252058488 ; div ページが main_all にあるのはなぜですか。 main_all は自動的に増加しませんか?どうすればそのような増加を達成できますか?これは、ページ内の float:left; を margin: 0 auto; に変更しないと、添付ファイルも無効になります
を削除します。これをフロートの崩壊、またはフロートのクリアと呼びます。
<!DOCTYPE HTML><html><head> <style type="text/css">.main_all{border:1px solid red;width:1200px;margin: 0 auto;}.page{border:1px solid blue;width:1200px;float:left;height:40px;line-height:40px;text-align:center;}</style></head><body><div class="main_all"><div class="page">dsadas</div><div style="clear:both;"></div> </div> </body></html> 56c5d33419803948326578624852419716b28748ea4df4d9c2150843fecfba68
フロートをクリアするためによく使用される方法
神様、ありがとう！ ！ ！ ！
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。