Firefoxでfloatを使うと背景が伸びない時の対処方法：after擬似クラス | メモ　バインダー

Firefoxでfloatを使うと背景が伸びない時の対処方法：after擬似クラス

IEでは問題がないが、FirefoxやSafariでfloatを用いると背景が伸びない場合がある。以下がafter擬似クラスを使った対処方法のサンプル。

#name{
background-image: url();
}

#name:after{
content : "";
display : block;
height : 0;
clear : both;
}

タグ: CSS, firefox

この投稿は 2009 年 5 月 5 日火曜日 4:13 PM に CSS, Firefox, Safari, タグ, タグブラウザ, ブラウザ, ホームページカテゴリーに公開されました。この投稿へのコメントは RSS 2.0 フィードで購読することができます。コメントを残すか、ご自分のサイトからトラックバックすることができます。

コメントをどうぞ