Webkitブラウザでコンテンツ/フッターが重複する問題

Question

開発中のサイトに若干の問題があります。ボディコンテンツがフッタのdivに衝突し、その背後に部分的に隠れて、フッターの内容を押し出します。

これらの症状は、Chrome/Win、Safari/Win、Safari/Macでのみ複製できました。

あなたはこちらのページを表示することができます：私はHTMLを検証していhttp://www.pacarmy.ca/blog2.php

、およびIE9 /勝利の微細同じページのテストを、FF /勝利、そしてオペラ/勝利。

グーグルは私を助けていない、と私が見つけたStackOverflowの上の最も近いスレッドがwwas：すべてでは本当に問題ではありません

css chrome issue at footer cross browsers (IE,FF,Chrome)

を。

誰も助言できますか？推測する？何か？ :)

ありがとうございました。

Answer 1

あなたの投稿は浮かれていて、親要素は浮動要素を含むように展開されることはありませんので、浮動小数点数をクリアする必要があります。これを行う1つの方法は、セクションエレメントに 'overflow：auto'を追加することです。これにより、親はオーバーフロー要素上で拡張されます。しかし、そのページに投稿や要素を追加するときに使用するのが最適な場所か方法であるかどうかは確認しませんでした。

詳細情報と方法については、Googleで検索するか、SOで「クリアフロート」を検索できます。