BOX4
- こういう箱の中を左右 2列に分けてテキストを入れたいだけなのに、float させるとなんで箱がズレちゃうのかしら。
- 根本的に何か解ってないに違いない。
- しょうがないので、BOX に height を em で指定してみたが、ウィンドウのサイズによっちゃテキストがはみ出ちゃうし。
- WinIE6 だとテキストにあわせて箱がでかくなってくれるんだけど、むしろこれはマチガイだよなぁ。
- float は「段組」ではなく「浮動体」なので、親要素の高さ計算に影響しません。
- h2 の clear も不要というか、clear するなら、同じ親要素内の要素で clear するべき
- この手のレイアウトでは、本来は両 float ではなく、片 float か position を使った方がよいですが、overflow と組み合わせることで親ボックスの高さが伸びてくれます。CSS - Clearing floats を参照。
- WinIE のバグ対策としては、高さ指定ではなく、width: 100% を指定すればスクロールバーが出ないはず。横マージンは .header と .body で調整