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

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

【1】:afterを使用

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

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

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

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

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

・CSSで.clear を設定する

.clear{
clear:both;
}

 

 

admin

cl0606

コメントを残す

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