No Image

【メモ/CSS】floatでよけいな領域まで回り込んでしまう

画像などでfloatを指定した場合、回り込ませたくない領域まで回り込んでしまう場合がある。
特にブログなどは次の記事のタイトルまで回り込んでしまったりして、レイアウトがズタズタになるケースがある。

そんなとき、回り込ませたくない要素に
clear:both;
を指定すると、あら不思議!全然回り込まなくなりました。

簡単ですが、意外と知らない人もいるかと思ったので。
というか、俺知らなかった・・・

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest