6

要するに
、基本的に、overfow:hidden が浮動アイテムを含むコンテナーを拡張する理由を知りたいだけです。この画像のようにオーバーフロー要素を非表示にしないでください http://css-tricks.com/wp-content/csstricks-uploads/css-overflow-hidden.png

なぜ代わりにこれを行うのですかhttp://css-tricks.com/wp-content/csstricks-uploads/overflow-float.png

長いバージョン:
非配置、非浮動、ブロック レベルの要素は、浮動要素が他のブロック要素に対してフローから外れているため、浮動要素が存在しないかのように動作します。また、インライン要素は浮動要素をラップして、その存在を認識します。オーバーフロー プロパティがどのように機能し、どこに適用するかを知っています。フロートをクリアするには、オーバーフロー プロパティではなく clearfix を使用するのが最適です (ただし、代わりにオーバーフロー クリアを使用する必要がある場合もあります)。ただし、特にoverflow:hiddenを使用する場合に、親要素が展開される理由はまだわかりません。親要素がオーバーフローした子要素を単に「非表示」にしないのはなぜですか? 結局、オーバーフローを隠していませんか?

4

2 に答える 2

3

他の人のコメントにもかかわらず、これは本当に良い質問です。

実際の答えは、「誰かがそのように動作することを決定したため」です。

幸いなことに、私たちはそのトピックについてオンラインで話し合うことができ、おそらくそれらの人々に影響を与え、時には物事を変えることさえできます.

それまでの間、いつでも「コンテナが自分自身をクリアしない理由」を読むことができます: http://css-tricks.com/containers-dont-clear-floats/

于 2014-04-12T04:55:23.043 に答える