floatの解除(clearfix)にはいろんな方法がありますが、 hrに指定できれば手軽で、区切りという構造上の意味を持たせることもできるし、便利です。 ところがこのhr、IEではどんな指定をしても表示されてしまうということで悩むことが多いんですが、いろいろ試した結果 これが一番簡単で有効だったので書いておきます。 ツッコミ処あるかもしれませんが・・・・ひとつの方法ということで、気に入った方はつかってください。 hr { margin:8px 0; padding:0; clear:both; /* floatを解除する */ height:0; /* <hr>の実線を消す */ border:none; /* モダンブラウザはここまでで消えます */ } * html hr{ /* * htmlでIEのみに読ませる */ border-top: 1px solid; /* ここが苦肉
![<hr />の線を消してclearfixに使う方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe37d0b174ddf8cc5c41ae91ed923806c2272b6d/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F_pp8T2rKFURE%2FSfjzU0o8NvI%2FAAAAAAAAAV0%2F31qUAnZOyOc%2Fw1200-h630-p-k-no-nu%2Fhrclear.gif)