ホームページ制作 作成 守山区

CSSでfloatしたDIVの末尾が改行＋複製されてしまう

February 19, 2009 12:00 AM

Win版のInternet Explorer 6で確認したのですが、このサイトのようにDIVをCSSの float: left; でいくつも並べた場合、右端DIVの内容が「指定場所に表示＋改行＋複製表示」されてしまう現象を発見しました。

float: left; で並べた子DIVをさらに親DIVで囲みCSSの width: XXXpx; で幅をピクセル指定しているのですが、この幅を3ピクセル広げると解決されます。1、2ピクセル広げただけではアウトでした。

そこで親DIVの幅を「並べた子DIVのピクセルの合計＋3ピクセル」で指定して、さらに margin-right: -3px; と指定してみました。

Post a comment

Comments

Name

Email Address

URL

TrackBack URL for this entry

http://www.cue.co.jp/mt/mt-tb.cgi/866