オーバーフロー隠された要素がコンテナから逃げるのを防ぐのはなぜですか？この問題に対する効果的な解決策の1つは、コンテナの「オーバーフロー」プロパティを「隠し」に設定することです。これは実際にはうまく機能しますが、その根本的なメカニズムは困惑する可能性があります。 「オーバーフロー」が「隠されている」に設定されると、コンテナはBFCを確立します。 BFCには、フロートとクリアに大きな意味があります。それらはその境界を超えて拡張したり、その外の要素を妨害したりしません。これにより、フローティング要素が意図したスペース内に含まれることが保証されます。 「オーバーフロー」を「非表示」に設定すると、BFCが作成され、浮動要素が外部の影響から効果的に分離されます。その結果、それらは容器から逃げることを妨げられます。追加のマークアップや複雑な回避策を必要とせずに、明確に構造化されたページレイアウトを維持します。