本部スタイルがFirebugのは、div要素は、私はこのページを持っている

Question

まで伸びと言うところまで延びていません。 Firebugで見ると、レイアウトdivに他のdivがいくつか含まれていることがわかります。

だから、なぜ灰色の背景が完全に伸びていないのか分かりません。何か案は？

ありがとうございます！

Answer 1

div#layoutの最後（終了タグの前）に<div style="clear:both;"></div>を追加します。

clear:bothは、浮動内側DIVのために追加する必要があります。参照：MDN: clear。

Answer 2

私は、divs、互いの上にスタックを信じています。だからあなたの背景のdivは灰色の色を持っているかもしれません。次のdivを開くと、その上に置かれ、発色するdivの前に置かれます。レイアウトdiv内の別のdivにbgカラークラスを適用しようとしましたか？

Answer 3

あなたは（uはフロート子供を持っている場合）

#layout{ 
    overflow:hidden; 
} 

編集し、それをクリアするためにコンテナにoverflow:hiddenを追加することができます。またはクリア修正として最後の子としてclear:both要素を置きます。

Answer 4

overflow:hidden;を含むdivに追加します。これにより、コンテナがすべてのコンテンツを囲むことが保証されます。

デバッグ時に役立つヒントは、含まれている要素の周りに明るい境界線border:solid 1px lime;を配置して、子要素の周囲をどのようにラップするかを確認することです。