HTML5対応版clearfix（予告）

最近、あるサイトのソースをXHTML1.0からHTML5に書き換えていて、私家版clearfixに不具合があることを発見した。近く、HTML5対応版clearfixについて本格的に検証してみたいと思うが、「clearfix」でGoogle検索すると当サイトがけっこう上位に出てくるようなので、取り急ぎの推奨clearfixを紹介しておく。

A new micro clearfix hack – Nicolas Gallagher

モダンブラウザとIE6以上で動作するようなので、とりあえず使用には問題ないと思う。

(last modified: 04/21/2013)

このエントリーのトラックバックURL:
http://norisfactory.com/mt/mt-tb.cgi/316

Post a comment

名前:

メールアドレス:

URL:

この情報を登録しますか?
コメント: （HTMLタグが使えます）

「スタイルシートをめぐる冒険」を検索:

• HTML5対応版clearfix（予告）
• clearfixの決定版を作る －Mac IE編－
• clearfixの決定版を作る －IE編－
• inline-blockの奇妙な世界
• clearfixの決定版を作る －モダンブラウザ編－

• 背景画像の位置指定では正確にセンタリングできない

• floatと一緒にwidthも指定しないと回り込まない
• ひとつの要素にfloatとmarginを同時に設定すると位置がずれる
• floatを繰り返すとレイアウトがくずれる
• 要素を左右に隙間なく配置することができない

• 「font-family: 細明朝体」でスタイル指定が無視される
• font-sizeを%で指定すると、ある値でサイズの逆転が起きる
• マージンをまとめて設定するとテーブルはセンタリングされない
• コメントで「表」の字を使うと直後のスタイル指定が無効になる

• ボックス内でテキスト・画像の下揃えはできない
• ボックスの高さを100％に指定してもウィンドウいっぱいにならない

• マージンを使ってdtとddを横並びにするとdtが消える
• dlを含むボックスに背景画像を指定すると背景画像が繰り返される

• フォントサイズの指定がテーブル内に継承されない

• RSS2.0
• ATOM

このサイトは、Creative Commons License のもとにライセンスされています。

Powered by
Movable Type 3.37