カテゴリー
Tips

liタグ内のaタグにfloatを指定した時、下り階段のような形にずれる

IE6・7のfloatのバグです。

回避するためには、CSSハックを利用します。

具体的には、aにfloatを指定して、liにdisplay:inlineを入れて回避します。
逆だとくずれます。

CSSの記述例

li {
display:inline;
}
li a {
float:left;
}

2010/03/18 16:46