当前面的 div 具有绝对定位时，使页脚停留在底部（不需要“粘性”）？

Question

页面设置

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

我有一个类似于css 的

#container {
 position: relative;
}
#footer {
position: absolute;
bottom: 0px
}
#content {
position: absolute;
}

：这适用于我的默认布局，但是当我调整为移动设备的大小（即小于 767 px）时...我的内容变得太长，它运行在我的页脚后面（以及“外部”）我的容器 div)。

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

Answer 1

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

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