ホームページ > ウェブフロントエンド > htmlチュートリアル > div 高さ適応問題_html/css_WEB-ITnose

div 高さ適応問題_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:57:00
オリジナル
961 人が閲覧しました




< body>


; 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>  
ログイン後にコピー




フロートをクリアするためによく使用される方法

神様、ありがとう! ! ! !

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート