purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

aタグとかの:hoverで親要素の高さがピヨっと広がるバグ

親とか親の親とかのmargin-bottomを無しにしてそれをラップするdivにそのmargin-bottomを設定したらなくなった。


参考
http://css-bug.jp/win/opera/ver9_under/0319/
http://css-bug.jp/win/ie/ver6_under/0372/


追記:
前後の要素に適当にzoom: 1;を入れると解消されることがある。


追記:
float: left;
float: right;
で左右にボックスを並べているときに、両方float: left;にしたら直った事例がある