【CSS】clearfixの方法【float回り込み解除】

floatの回り込みを解除したい（clear:bothをかける）時の方法

【１】:afterを使用

・floatを解除したいセレクタに：afterをつけ以下のプロパティ値を使用する。

セレクタ:after{
content: “”;
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}

【参考】floatを解除する手法のclearfix と 次世代のレイアウトの話
【２】その他の解除方法

・以下のdivタグを回り込み解除したいタグの直後に記述する

<div class=”clear”></div>

・CSSで.clear を設定する

.clear{
clear:both;
}