回り込み float
float : left ;
float : right ;
指定すると回り込みます。
float : left ;
指定した
右側に
回り込みます。
つまり、指定すると左に位置するという事です。
float : right ;
指定した
左側に回りこみます。
つまり、指定すると右側に位置するという事です。
float をしていすると、ボックスを横に並べる事ができます。
<div>1</div>
<div>2</div>
1
2
1のボックスに float : left ; を指定します。
1
2
2カラムや3カラムを構成するのに、使われているスキンもあります。
回りこんだは、いいものの…1のボックスの高さ分文字がなければ、2のボックスが１のボックスの下に位置してくれません。
そんな時は clear : both ; で、解除されます。
1
文字
文字
文字
2
最後の文字の改行<br>に clear : both ; を指定します。
1
文字
文字
文字
2