『floatの親要素の背景が表示されない』の対処法です。FirefoxやOperaなどで検証すると背景が消えているということがあります。これってFirefoxのバグなんじゃないのって感じで、Firefoxを悪者扱いしている人がいますが、実は違います。IEのほうが間違っていて、floatはそういうものなのです。floatした領域の親要素にwidthやheightを指定すると領域の算出にfloat領域を含めるでは背景を表示させる方法ですが、まずは有名なclearfixを使うパターンです。この手法は最下部に使うと、若干の下マージンが出ます。7で背景が出ないfont-size:0;次の指定でも同じです。*/floatの親要素にoverflowを指定することでも回避できます。条件によりおかしくなります。ここでoverflowのおさらいです。UAに依存、内容領域を超える場合はスクロールバーをつけるそれぞれのサンプルです。無指定visible[これが初期値です]hiddenscrollautoWindowsIE5,6ならvisible、それ以外のブラウザならautoということでまとめると次のようになります。(autoだとIE6で、ホイールクリックのでスクロールすることができなくなります。スクロールバーが出ます。ため操作を完了できませんでした。隣り合うmarginは重なります背景画像を使わないスタイルシートだけの丸角領域peekabooに気を付けて[IE6のバグ]非推奨の要素と属性の一覧IEの条件付コメントスタイルシートレイアウトのメリットハンガリアン命名規約スタイルシートでインラインフレームっぽい手法フォントの一覧スクリーンショットをとる方法[各種OS]BODYの背景色は指定しましょう画像の種類あれこれスタイルシート=CSSではないこのページはリンクフリーです。「パンスト」は保土ヶ谷ナイロンの。