test

BOX1

左の箱。

1
2
3

float-boxの高さ自体は、外側にある"BOX1"の高さ計算に影響を与えません。

右の箱。

1
2
3

BOX3 (clear: both)

1
2
3

上のBOX1の影響が下のBOX2に及ぶ事を排除するために、BOX3を間に持ってきました。

BOX2

1
2
3

1
2
3

float-boxの後にclass="endbox" (clear:both;) なブロックを配置すると、"BOX2"はfloat-boxの高さも加味せざるを得なくなるので、float-boxを含めたendboxブロックの領域までを全体の高さとして計算するようになります。

BOX4

こういう箱の中を左右 2列に分けてテキストを入れたいだけなのに、float させるとなんで箱がズレちゃうのかしら。
根本的に何か解ってないに違いない。
しょうがないので、BOX に height を em で指定してみたが、ウィンドウのサイズによっちゃテキストがはみ出ちゃうし。
- WinIE6 だとテキストにあわせて箱がでかくなってくれるんだけど、むしろこれはマチガイだよなぁ。