はてなブックマーク

floatを使うと、よく思いもしない表示になったりする事があります。 特にWin IE5.0や5.5あたりは…(--,) というわけで、floatをするときに注意点です。 floatするときは、widthを指定する IEで、フロートを含むボックスのマージンが無視されるなどの問題があるため。 ※左フロートでは左マージンが、右フロートでは左マージンと上マージンが無視されます。 floatとmarginを一緒に指定しない IEで、float: left;に左マージン、float: right;に右マージンをつけると、指定値の約2倍になってしまいます。 display: inline;を付ければ回避できるらしいです。 フロートに後続する通常フローでかつclearしていないブロックボックスにはwidthもheightも指定しない。 ※フロートに後続する要素に幅か高さが指定されているとき、その要素の幅