CSS 回り込み解除の決定版 2007年1月19日 ここ最近コーディングをしていてDRY(Don’t Repeat Yourself)同じ作業を繰り返さないという考え方をCSSやマークアップにも取り入れていきたいと思うようになりました。そこで今回はfloatに関する便利なTIPSをご紹介します。 floatをかけた要素の後続要素は自動的に回り込んでしまいます。それを解除するためにclearを後続要素にかけてfloat解除しますが不自然さを感じます。というのも別の所でその後続要素を回り込ませたい場合などがあれば、floatの解除の解除といった同じ作業を繰り返してしまうからです。 そこでfloatの後続要素にclearをかけずにfloatした要素を含んだ親のブロック要素にclassをつけるだけで後続要素を回り込まなせないような方法があります。 classは2つでも3つでも付けることができますの
![CSS 回り込み解除の決定版 | ユージック](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0cac4dbbb4891c3f2952438d46fe211c1134544/height=288;version=1;width=512/https%3A%2F%2Fwww.u-ziq.com%2Fwp-uziq%2Fwp-content%2Fuploads%2F2023%2F07%2Fsite-icon-uziq.png)