CSSでfloatを指定したボックスを含むボックスの背景が出なくなる

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
IE7対策には、"min-height: 1em"

一点注意しなければならないのは、#containerCに記述されている"min-height: 1em"の記述です。 これはボックスの最小高さを指定するもので、現在リリースされているモダンブラウザでサポートされています(IE6は含まれません)。
この指定を入れることでIE7で外側のボックスの高さをフロートした内側のボックスの高さに合わせて拡張することができます。
"1em"の高さ自体は1pxでも1%でもなんでもよいと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください