『clear-fix 決定版』

CSSでレイアウトを組んでいるとどうしてもfloatを使わざるを得ない場合がありますよね。 そんな時にクロスブラウザ対応でfloatを解除するのが通称“clear-fix”と呼ばれるテクニックな訳です。 株式会社ブレイドで制作させていただいている案件でも例に漏れずこのテクニックを使用しているのですが、今回決定版とでも呼べるソースを書き記しておこうと思います。 以下がそのソースです。 /*------------------------------------------------------------------- clear-fix -------------------------------------------------------------------*/ .cn:after { content: "."; display: block; height: 0px; cl