Css 当前面的div具有绝对位置时，使页脚保持在底部（不必“粘滞”）？

我有一个像这样的页面设置

<div id="container">
<div id="main>
  <div id="sidebar"></div>
  <div id="content"></div>
</div><!-- end main -->
<div id="footer"></div>
</div>

这适用于我的默认布局，但当我调整到适合移动设备的大小（即小于767像素）时，我的内容会变得很长，它会在我的页脚后面运行（并且在容器div的“外部”）

---

我需要为我的移动布局保持内容位置：绝对（以便它与我的边栏垂直运行，边栏部分位于内容上方，部分位于移动布局中的内容下方）。但绝对定位似乎将content div从常规流程中剔除，这样页脚就不会出现在我的内容下方。

除非确实需要，否则不应使用绝对定位。在当前设置中，您可以做的是为内容提供高度并使其自动滚动

#content {
position: absolute;
height:400px;
overflow:scroll;
}

---

对不起，你能澄清一下侧边栏的外观吗？我很难想象为什么你要求内容是“位置：绝对”而不是仅仅浮动它。在正常的布局中，我浮动边栏和内容。但是对于移动布局，侧栏在内容的上方和下方，我需要使用绝对定位来这样放置…我重写了很多绝对定位，这很有帮助，谢谢。

#content {
position: absolute;
height:400px;
overflow:scroll;
}