Webkit瀏覽器中的內容/頁腳重疊問題

我對正在開發的網站有輕微問題。我的身體內容與頁腳div碰撞，部分隱藏在它後面，並推出頁腳內容。Webkit瀏覽器中的內容/頁腳重疊問題

我設法只在Chrome/Win，Safari/Win和Safari/Mac上覆制這些症狀。

您可以查看這裏的頁面：http://www.pacarmy.ca/blog2.php

我已經驗證了HTML，並在同一個頁面的測試中IE9 /贏精美，FF /贏，和歌劇/贏。

谷歌搜索並沒有幫助我，我發現＃2最接近線程wwas：

這是不是真正的問題都沒有。

任何人都可以建議嗎？推測？什麼？ :)

謝謝。

2011-08-12 DaveL

您的文章是浮動的，父元素永遠不會展開以包含浮動元素，因此您需要「清除浮動元素」。一種方法是將「overflow：auto」添加到段元素中。這導致父母擴展到滿溢的元素。但是，當您在該頁面添加更多帖子或元素時，我沒有檢查這是否是最佳的地點或方法。

你可以谷歌或搜索SO的「清理浮動」更多的信息和方法。

2011-08-12 20:38:22 Rob

這也是我的第一個想法，但只有帖子的容器是浮動的，並且有一個清晰的：兩者;「 />在這個容器之後。在每個帖子後添加額外的清除，甚至在帖子內容無效後添加。 – DaveL

其實，堅持下去......我在整個博客腳本的頂級容器之後添加了另一個清除，現在看起來不錯。 WTH？這個div沒有浮動...... – DaveL

那麼，你有正確的想法，肯定。漂浮的容器沒有被它的父母包容，儘管之後清除了。我希望我知道這是爲什麼，但經過審查，無論如何都不需要在這個頁面上浮動，而我剛剛刪除了它。現在它按我的預期工作。接受答案。 – DaveL

回答