Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

Firefoxでfooterの下に隙間ができる

footerにclearfixを使用した場合、footerの高さが小さい時にfooterの下に隙間が出来ます。
解決策として、afterで追加した要素のフォントサイズを0にする方法があります。

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;   /* フォントサイズを0にする */
}