css - オーバーフロー: CSS で非表示

Question

overflow:hidden誰かがこれが実際に何をするのか説明できますか?. 多くの CSS チュートリアルを読んでも、この概念を理解できません。右と左に 2 つのフロートがありますoverflow:hiddenが、ヘッダーに適用する必要があるのはなぜですか?

私はこのプロパティについて混乱しています。

Answer 1

overflow: hidden次の図 (Chris Coyier/CSS-Tricks の厚意により提供) で美しく示されているように、コンテナー上の は、ボックスの外に流れるコンテンツを単純に非表示にします。

この場合、一種の clearfix として使用している可能性がありますoverflow: hidden。これは、親コンテナーをフロートされた子の高さまで拡張するための単なる方法です (フロートされた要素は通常のページ フローから取り出されるため)。overflow: hiddenフローティングの子を持つコンテナーを使用する場合と使用する場合の違いは、次のデモoverflow: visibleで確認できます。