オーバーフロープロパティを削除すると、この例の背景色が変更されるのはなぜですか？

Question

このチュートリアルで実験中ですcodeplay simple navigation with hoverこのチュートリアルの.navigationクラスのoverflow: hidden;プロパティを削除すると、背景色が変更される理由を理解できません。このプロパティは、ボックス内のテキストがオーバーフローした場合にスクロールバーをユーザに与えるかどうかに関係しませんか？

Answer 1

li要素がフローティングされているためです。浮動要素のラッパーにvisible以外のoverflowを設定すると、ラッパーは要素を本当に「ラップ」します（そうでなければ、それらを認識せず、その高さはゼロになります）。

overflowは、clearfixやその他の手段を使用してフロートをラップすることができます。 * overflowをvisibleに設定したい場合はを取得するためにはclearfixを入力し、li要素をその中に入れてください。