关于未完全平铺

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，而且它很可能也适用于其他浏览器。