タグ

2014年2月13日のブックマーク (1件)

  • IE6の呪縛 フロート(float)を正しく理解する | hijiriworld Web

    フロート(float)について、スタイルシートリファレンスなどを引くと、「float: 左または右に寄せて配置する」などと簡単に書いてありますが、厳密には違います。まずここで勘違いが起きます。 そして、IE6というクソブラウザは、フロートの仕様に対するバグが甚だしく、この勘違いをさらに加速させてきました。 そのせいで、いまでもフロートに苦しめられている人は多いのではないでしょうか? 今回はこのフロートについて正しく理解していきたいと思います。 フロートは「左または右に寄せて配置する」だけではない <div style="float: left; width: 100px;"> float: left; </div> <p> text </p> 後続の要素に影響を与えているので、フロートは「左または右に寄せて配置する」だけではありません。 フロートは「回り込み」でもない <div style