やまだ系

コンピューターやWEB関連の情報収拾と整理、資格取得に関することを目的にしたブログ

floatについて

実はずっと悩んでいることがあって>いや勉強不足だったわけだけでしたけど。ボックスにfloat設定をさせたときにブラウザによってはそのfloatさせたブロックの高さが反映されず高さなしになると言うことに頭を痛めて、毎回HTMLソースに

<br clear="all">全角スペース

と入れて、floatを解除させて高さを復元していたんだけれど。そうじゃなくてcssでそんなことできるはずができなく毎回悶々としていた自分。
しかし雑誌の記事で親ボックスに当たる(floatさせているブロックに対する親ボックス)もfloatさせるといいそうで。ただしこの場合の親ボックスにもfloatをさせた場合ページレイアウトが崩れることになるそうなので。必ずフロートの解除が必要になるとのこと

/* 例フッターの場合なら */
.footer{
clear:both
}

これでいいのかはこのあと検証予定><