cssでfloatの際に後の要素が回り込まない時の対処方法

記録
2019.03.14
スポンサーリンク
このエントリーをはてなブックマークに追加

経緯

cssでfloatで複数の要素を流していた時に、後方の要素が回り込まず、構成が混ざってしまった事がありました。
floatを使った際にあるあるな要素ズレについての対処法です。

対処法

結論から言うと、

clear:both;

をfloatの後方に対して設定すれば、ちゃんと回り込みが正常化し、ズレがなくなります。

このエントリーをはてなブックマークに追加

コメント