ホームページ  >  記事  >  ウェブフロントエンド  >  子が css float を使用し、親 div に高さがなく、height_html/css_WEB-ITnose に適応できない問題を解決します。

子が css float を使用し、親 div に高さがなく、height_html/css_WEB-ITnose に適応できない問題を解決します。

WBOY
WBOYオリジナル
2016-06-21 08:59:301441ブラウズ

1. CSS Clear を使用してフロートをクリアします。

親 div 内に子 div を追加します。

2 . overflow:hidden を親スタイルに追加します。

(追記: なぜ非表示にするのですか?その逆ですか?)


追記

1. clear 属性は、要素のどの側が他のフローティング要素を許可しないかを指定します。

可能な値: left、right、both、none (デフォルト値)、inherit

2. overflow 属性は、コンテンツが要素ボックスからオーバーフローしたときに何が起こるかを指定します。

可能な値: auto、scroll、hidden、visible (デフォルト)、inherit


参照:

1. 子は CSS float で浮動しているが、親 div には高さがなく、高さに適応できない問題を解決します - http://www.divcss5.com/jiqiao/j612.shtml

2. CSS リファレンス マニュアル - http://www.w3school.com.cn/cssref/index.asp

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。