２段組みレイアウト

clearfixを使ってみて

先生のブログを参考に「clearfix」を使って２段組レイアウトの練習をしました。
IEで見るとボーダーが突き抜けて見えるのは「padding」を設定している為なのかなと？回避の仕方が分かりませんでした。

　　　　

floatの際の注意点

1. 「float」を指定したボックスには幅を指定します。
2. 「float」直後の「clear」も「float」もしていないボックスには幅は指定しません。（IE用バグ対策）
3. 「float」をするボックスに「margin」を指定する時は同時に「display:inline;」を設定する事でバグを回避します。（マージンの値が増えるIEのバグ対応）