この記事をTwitterへRTする- 2008/10/2 木曜日 15:45:21
- CSS
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
関連する投稿
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://blog.magical-remix.net/kotalog/archives/1324/trackback
- トラックバックの送信元リスト
- FirefoxやSafariなどモダンブラウザにも対応したclearfix - kotaログ より
