css - フローティング DIV により、下の相対 DIV が正しく配置されない

Question

例として、この JS フィドルを実行しました: JS FIDDLE EXAMPLE

.column {
width: 100px;
height: 100%;
float: left;

}

列 div の高さが 100% の場合、黄色のフッターがフローティング列 div の下に表示されず、代わりに同じ位置に表示されていることがわかります。誰かがこれで私を助けることができれば、私はそれを感謝します. ありがとう

score 2 · Accepted Answer

フッター div に clear を追加する必要があります。

clear: both;

1 に答える 1