[Safari]Clearfixで下スペースが出てしまう問題 [css,hack,safari,tips] - BlurBlue-Note

以前、[CSS][コピペ]clearfixでコピペ用に最新版のclearfixを紹介していましたが、今回Safariで問題があることが発覚したので、修正版をPostしておきます。 CSS .hoge:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; } .hoge { display: inline-table; min-height: 1%; } /* for macIE \*/ * html .hoge { height: 1%; } .hoge { display: block; } /* end of for macIE */ どこが変わったかというと、モダンブラウザ用に書かれている、.hoge:afterの部分に line-height

[mimimi0101]

clearfix Safari

[hashimoya]

clearfixの下スペース（主にSafariとOpera）出る問題の回避。「line-height」の値をゼロに…

[usodainchiki]

operaで同様のケースあり。これで直った

[field_combat]

あー、Safariはなかったけど、Operaでこの現象あった。今後、自前テンプレートに適用。