liの中のaタグにdisplay:blockを指定して
クリック出来る部分を広げた時
IE6で下marginが広がってしまった。

みた感じaタグのmargin-bottomが拡張されている風だけど
marginを0にしても消えない。

どうもこれは、hasLayoutがtrueじゃないから起こるみたいで
普段はaタグにwidthを指定してるから発生してなかった。
(widthに値が入ってればhasLayoutがtrueになる)

今回は_zoom:1を追加して対処。

他にhasLayoutをtrueにするには
hasLayout Property (A, ABBR, ACRONYM, …)

CSS propertyValue
display

inline-block
height

any value
float

left or right

positionabsolute
widthany value
-ms-writing-modetb-rl

zoomany value


2 thoughts on “li内のaをdisplay:blockした時IE6でmargin-bottomぽいところが広がる

コメントを残す

メールアドレスが公開されることはありません。

You can add images to your comment by clicking here.