Clearfix を使わずにメニューをキレイに作る方法

火曜日, 2月 26th, 2013

こんにちは、なかわけです。

もうちょっと更新を頻繁にしたいところですが、今日はClearfixを使わずにメニューをキレイに作る方法です。まず、出来上がったものはコチラになります!

clearfixを使わないでfloatを解除する方法 – Rewish

終了・・・。

・・・だとちょっと味気ないので、ちょっとコメント。
昨日、仕事でバイトちゃんが作ったソースを見てClearfix相当のスタイルがないのにul要素でメニューが作られていて驚きました。そのソースコードを調べてみた結果、overflow:hidden; がキモだったことが分かりました。

これが初見だったので、びっくりしてちょいと記事にまとめてみようかと思ったんだけど、ググってみたらやはり既にキレイにまとめてらしゃる方がいらっしゃった・・・という感じです。記事を投稿されてる方は「clearfixの方が意味的には正しい」とおっしゃってますけど、ボク的にはclearfixも所詮ハックの一種だし余計なコードはないに越した事はないので、個人的には今回のHiddenハック(コレ名前あるんですかね?)がいいんじゃないかなと思います。

Leave a Reply

*