フロート解除clearは上マージンを増加させる | Work Note

フロート解除clearは上マージンを増加させる

■clearは上マージンを増加させる


clearはfloatを解除するために、上マージンを増加させて、先行するフロートの下辺より

clear したボックスの上辺が下にくるようにします。



IE6バグ

IE6はclearしたボックスにmargin-topをすると、実際よりも余白が大きくなってしまうバグがある。

(IE6だけcssを正しく表示できない=他のブラウザと表示が異なる)


→Clearを指定した要素には上マージンは指定しない!


●回避

clearを指定した以外のセレクタで、topまたはbottomなどで設定する。




・関連:フロート解除clearの指定で不要な余白(padding)ができる