HTMLでfloatさせた背景が表示されない場合の対処法

今時IE6,7を確認するHP製作会社がいるのかは不明ですが、少なからず利用ユーザーがまだいるのが現状なので、

背景が出てこない場合のおまじないを少しご紹介致します。

IE7以下では中のボックスをfloatさせると高さをうまく認識してくれず、指定した背景が出てこない場合があります。

サンプル

対応方法

こういった場合おまじないとして.boxの高さを100%に指定してみてください。

.box{

height:100%;

}

外枠の高さを指定してあげるとしっかりと表示されます。