html - div 要素の内容をコンテナー内に保持するように強制する方法

Question

CSSメニューを作っています。このために、私はを使用していulます。lifloat を左にすると、すべてliが ul の外に出ます。高さがulゼロになるということです。フロートを残した後、li内部に表示するにはどうすればよいですか。ul

1 つの方法は、div共通のクラスでタグを作成し、css で clear: both を追加することですが、これは必要ありません。

どうすればこれを解決できますか?

score 29 · Accepted Answer

に追加overflow: auto;するだけ<ul>です。これにより、テキストがULの外部に漏れないようになります。

ただし、実行している内容によっては、を作成する方が簡単な場合があります<li> display: inline;。それはあなたが何をしているかに完全に依存します！

score 11 · Accepted Answer

子に定義する場合はfloat、親をクリアする必要があります。overflow:hiddenあなたのULに書いてください。

ul{
 overflow:hidden;
}

またはclearfixこれにはメソッドを使用することもできます：

ul:after{
 content:'';
 clear:both;
 display:block;
}

score 0 · Accepted Answer

これは、フローティング要素（メニュー項目）が非フローティングコンテナ（ul）内に配置されている場合に発生します。

これは、コンテナをフローティングすることによって（めったに受け入れられない）修正するか、この問題に正確に対処するclearfixを適用することによって修正できます。

4 に答える 4