問題的div的內容擴展到其容器端佈局

Question

我試圖開發使用CSS3這個工作模板的個人版：http://www.html.it/articoli/1688/template/photoshop-xhtml-css.html

這是我的版本以前的模板：http://onofri.org/example/WebTemplate/

正如你可以看到這兩個模板在結構和css設置中非常相似（我已經在Photoshop中重新創建了它，並且我使用相同的HTML \ CSS結構使用CSS3來創建陰影，一些litle變化）

正如你所看到的，我有一些問題wi因爲最後一個藍色框（#c div）沒有垂直延伸到#container div的末尾，因此與頁尾背景immage不匹配。

奇怪的是，這個問題消失，並出現改變與CTRL +和CTRL瀏覽器放大倍率 -

唯一的「解決方案」，我發現（而這不是一個正確的解決方案）是增加我的sidebare ** ** c div的min-height *屬性的值。例如，如果我將這個值從原來的234px增加到334px，它似乎運作良好。

但是，這不是一個真正的解決方案，因爲如果頁面的內容更改量發生更改，則會再次發生此問題。

在我看來很奇怪，因爲它的結構幾乎與原始佈局相同。

導致此問題的區別是什麼？ 我該如何解決？我可以做些什麼來延長#c div的高度直到它的容器的末端

Answer 1

嘗試將寬度設置爲100％。

此外，使用身體上的填充，將導航設置爲較低（margin-top），cerca搜索圖片無效，請檢查文件路徑並將頁腳浮動到右側。