IE6:div内の最後の要素が落ちてしまうときの対処法

| コメント(0)
130115_oshi.gif

上記のように、
大枠(contents)にピッタリになるようにfloatを使って要素を並べたとき、
その内部の最後の要素が落ちてしまうバグの対処法です。

※テキストだと複製され、その分が落ちるようです。
 今回は画像だったためか落ちただけでした。

■余白を作る
上記の場合、contentsの横幅を少し大きく作ると(内部要素1つにつき1px?)
解消されるようです。

■コメントを入れる
余白が作れない場合、最後の要素(3つ目のblock)の後に適当な
コメントを入れると解消されます。
コメントなのでバグで複製されてしまっても見えません。


コメントする

このブログ記事について

このページは、gravity-worksが2013年1月15日 19:17に書いたブログ記事です。

ひとつ前のブログ記事は「IEでposition指定の要素がズレる」です。

次のブログ記事は「inline-blockの手軽な書き方」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。