清除绝对定位的侧边栏？

Question

我试图阻止我的侧边栏漏入页脚区域，并且我尝试了很多建议，其中没有一个似乎可行。

如果需要，我会考虑JavaScript，但宁愿使用CSS。 Here's an example page，我想知道你是否使用了代码检查器？左侧的&右侧导航栏完全位于背景图像的上方，并且内容是浮动的。

我希望内容能够扩展而不会进入页脚。

我只是不知道怎么也看不到其他人，所以这是最后一次尝试！

Answer 1

看起来你需要一个sticky footer。

Answer 2

像Jeroen在他的评论中说的。将<div id="left-container">,<div id="right-container">和<div id="middle">改为float:left & position:relative。如果您这样做，您需要将订单更改为<div id="left-container">，然后<div id="middle">，然后<div id="right-container">。可能需要调整一些盒子模型，但现在应该清除这些元素。我几乎忘记提及删除div的边距。

Answer 3

从我所看到的情况来看，您只需要侧栏的绝对位置，因为中间框上的阴影。

对于旧版浏览器，我会将#middle设置得更宽以包含背景，并给.inside一个必要的边距以将其与#middle分开（并赋予其背景之一）。

对于现代浏览器，我只是使用盒子阴影。

当然，所有的只是浮动的组合，没有绝对的定位。