主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

IE6とIE7でリストをフロートさせたときにできる変な下の余白

IE6とIE7でリストの中にゴチャゴチャと詰め込んでそれをフロートさせて並べたときにできる下の余白は、よくあるパディングやマージンのあれやこれやではなく、clearfixを適用させると消えます。

フロート+背景のブロック要素なら、clearfixを事前にかけてるのでなかなかそういうアクシデントにぶつかりませんが、背景をつかう場所でもなく、リストをフロートで並べると、2行、3行と下に続いていって、余白ができるっていう。

なんでやねんっていうやつ。