關於未完全平鋪

Question

我一直在閱讀這個網站幾個月平鋪的背景圖像，並通過搜索找到了一些偉大的答案。這是我的第一篇文章，如果我不遵循協議，請提前道歉。 :) 我遇到了一些我找不到工作的解決方案。

我正在做一箇中心，2列，單頁網站。左欄是用於導航的，並且是固定的。右側（內容）列滾動，並應該添加內容垂直擴展。我在兩列中添加了一個陰影，我想用content div垂直展開，但它停在屏幕的底部。我在內容分區附近放置了一個紅色邊框，以查看是否可以找到任何明顯的內容。我發現影子停止在內容div的底部平鋪，告訴我內容div沒有擴大。我將該div的高度設置爲100％。

我不知道如果這個問題是關係到高度設置，或者可能是我用過的定位。我搜索了論壇，並發現了將body和/或html高度設置爲100％的建議，我已經完成了這些建議。陰影是包裝div（也設置爲100％）。仍然沒有去。

在這一點上，我很茫然。這可能很簡單，但我只是沒有看到它。我打算在這裏發佈代碼，但我不想包含不相關的部分。同時，我不確定哪些部分是相關的。所以，這裏的頁面，在HTML和CSS可以查看鏈接： http://modernrelic.com/newsite.html。如果最好在這裏發佈，請告訴我，我很樂意添加它。

任何人都可以看到我錯過了什麼？

Answer 1

您的問題是#content位於absolute ly和float版權的事實。這兩個屬性將它從正常流程中分離出來，所以你需要刪除它們。

在與CSS長時間混淆之後，可以進行一些更改以使其正常工作。首先，#content的CSS應該是這樣的沒有其他屬性所需：

width: 650px; 
margin-left: 350px; 

你需要做的唯一的其他變化是從#bg-shadow刪除height: 100%。這就是我必須改變才能使用Chromium 16，而且它很可能也適用於其他瀏覽器。