にmain
設定した要素がありposition: relative
ます。これにはdiv
、次に適用する 2 つの が含まれていますposition: absolute
。これにより、要素を挟むヘッダーとフッターがmain
互いに衝突します。どうすればこれを止めることができますか?
フロートを使用してフッターをクリアすると、必要な 2 列のレイアウトが得られるようです。しかし、そのソリューションがどれほど「堅固」であり、IE6/7 で何が起こるかはわかりません。
codepenのコード。