floatを解除する - clearfix - | A Day in the Life

March 7, 2006 floatを使って画像にテキストを回り込ませて解除する時 clear:both;やclear:left;などを使うけど、テキストの量が少ないと上手く解除されない。 例えば...... この状態から回り込みを単純に解除するには空のdivタグやbrタグにclear: both;プロパティを与えれば良いんだけど、くくってるdivタグにmargin-bottomなどのプロパティが与えられてるとき、テキストの終わりの部分からしかmarginが計算されないので正確なmarginが適応されない。しかもpでくくったりした場合はブロック要素が入れられないから回り込みを解除できない。 色々探してなんとか方法を見つけたので覚えがきとして書いておこう。 CSSソース .clearfix { border: 1px solid #333; margin: 10px 10px 30px;

[lowfatmilk]

回り込み