Html 关于不是';完全不铺瓷砖

Html 关于不是';完全不铺瓷砖,html,css,Html,Css,我已经阅读这个网站几个月了,通过搜索得到了一些很好的答案。这是我的第一篇帖子,如果我没有遵守协议,请提前道歉。:) 我遇到了一些我找不到有效解决方案的事情 我正在做一个中心,两栏,单页的网站。左栏是导航栏,是固定的。右侧(内容)列滚动,并应随添加的内容垂直展开。我在两列周围添加了一个阴影,我想用contentdiv垂直扩展,但它会停在屏幕底部。我在content div周围加了一个红色边框,看看是否能找到任何明显的内容。我发现阴影在content div的底部停止平铺,告诉我content di

我已经阅读这个网站几个月了,通过搜索得到了一些很好的答案。这是我的第一篇帖子,如果我没有遵守协议,请提前道歉。:) 我遇到了一些我找不到有效解决方案的事情

我正在做一个中心,两栏,单页的网站。左栏是导航栏,是固定的。右侧(内容)列滚动,并应随添加的内容垂直展开。我在两列周围添加了一个阴影,我想用contentdiv垂直扩展,但它会停在屏幕底部。我在content div周围加了一个红色边框,看看是否能找到任何明显的内容。我发现阴影在content div的底部停止平铺,告诉我content div没有扩展。我会把那个div的高度设为100%

我不确定问题是否与高度设置有关,或者可能与我使用的位置有关。我搜索了论坛,找到了将正文和/或html高度设置为100%的建议,我已经这样做了。阴影是包装器div(也设置为100%)。还是不行

在这一点上,我不知所措。这可能很简单,但我就是看不到。我本来打算在这里发布代码,但我不想包含不相关的部分。同时,我不确定哪些部分是相关的。因此,这里有一个指向页面的链接,可以在其中查看html和css: . 如果它是更好地张贴在这里,请让我知道,我会很高兴地添加它


有人能看到我遗漏了什么吗?

你的问题在于
#content
的位置是
绝对的
ly和
浮动的
ed右边。这两个属性使其脱离正常流,因此需要删除它们

在对CSS进行了长时间的修改之后,您可以进行一些更改以使其正常工作。首先,
#content
的CSS应该是这样的,不需要其他属性:

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

您需要做的唯一其他更改是从
#bg shadow
中删除
高度:100%
。这就是我要在Chromium 16上运行所需的全部更改,而且它很可能也能在其他浏览器上运行。

谢谢,Jam!这就成功了!除了IE7之外,我尝试的所有浏览器都可以使用它。我可以接受。:)没问题!别忘了在某个时候接受这个答案。