clearfixの書き方は色々ありますが、以前使っていたやつでSafariやFirefoxで表示した際、下に隙間ができるケースがあります。
どうやら
line-height:0;
を追記すると解決できるようです。
というわけで、現時点での決定版。
div{ zoom:1;/*for IE 5.5-7*/ } div:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
参考:http://kennsu.jp/2008/11/cssclearfix.html
コメントを残す