画像などでfloatを指定した場合、回り込ませたくない領域まで回り込んでしまう場合がある。
特にブログなどは次の記事のタイトルまで回り込んでしまったりして、レイアウトがズタズタになるケースがある。
そんなとき、回り込ませたくない要素に
clear:both;
を指定すると、あら不思議!全然回り込まなくなりました。
簡単ですが、意外と知らない人もいるかと思ったので。
というか、俺知らなかった・・・
画像などでfloatを指定した場合、回り込ませたくない領域まで回り込んでしまう場合がある。
特にブログなどは次の記事のタイトルまで回り込んでしまったりして、レイアウトがズタズタになるケースがある。
そんなとき、回り込ませたくない要素に
clear:both;
を指定すると、あら不思議!全然回り込まなくなりました。
簡単ですが、意外と知らない人もいるかと思ったので。
というか、俺知らなかった・・・
エムティ・デザインはフリーランス(個人事業主)として主にWeb制作を行っています。
Webサイトのコンセプトワーク、デザイン、文章作成・修正から実際のサイト構築、写真の撮影やサーバの構築・管理に至るまで全てをワンストップでご提案できることが一つの大きな特徴です。
Copyright (C) MT-Design , All rights reserved.