【CSS】floatの解除

メモ的、およびsyntaxhighlighterの実験投稿です。
今回のテーマはCSSでfloatを解除する。

とりあえず、コードを見てます。

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

こんな感じでfloatを解除したいコンテンツに.clearfixをつけてあげる。
あたらしいブラウザならこれで大丈夫なんだけど、IE7以下だとうまくできない。
が、シェアもかなり低いので、気にしなくていいかと。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です