バックグラウンドカラーはリストアイテムの後ろには表示されません

Question

何らかの理由で、私のリストアイテムがページの流れを妨げているULエレメント内に座っておらず、正しく表示されません。私は太陽の下であらゆるポジション要素を試しましたが、何も機能しません。私はULエレメントの代わりに別のdivをスタイリングしているので、それは疑問です。

例赤枠がリストの要素を保持すると1つのリストの説明が長くなった場合、その後、赤の背景には、同様に成長すべきであると仮定されてhere

参照してください。あなたはULある彼の親をクリアする必要がありますので

おかげ

Answer 1

はこの1

ol, ul 
{ 
    overflow:auto; 
} 

が更新フィドルを参照してください：http://jsfiddle.net/Uc5cr/8/

Answer 2

はあなたのLIはそれでfloatを持っています。このように書く：何が起こっている

ul{ 
overflow:hidden; 
} 

チェックこのhttp://jsfiddle.net/Uc5cr/1/

Answer 3

は、LI要素が浮き、およびそのためのUL概説上で行っているということです。浮動小数点値をクリアしたい場合は、通常、CSSのclear: left;プロパティを使用してLI要素をクリアして、これを解決します。

これは順序付けされていないリストなので、これを解決するにはULエレメントに「clearfix」というCSSハックを使用するのが最善の方法でしょう。そうすれば、UL要素は高さのLI要素に従います。

例：http://jsfiddle.net/mikaelbr/JkGRj/

注：clearfixハックの多くのバージョンがあります。あなたは彼らがどのように動作するか見ている場合は、いくつかを見つけるためにGoogle検索を行います。

Answer 4

ギブ・オーバーフロー：ul要素 チェックが含まれているために、DIVのERDの背景に隠されたが、このうちhttp://jsfiddle.net/Uc5cr/7/