Question

我有一个页面，其中的内容在中心浮动，因此在任何浏览器大小中，内容div将始终在中间点击。

现在，我已经向页面添加了粘性页脚，但是当浏览器窗口小于预期时，页脚会显示在浮动内容之前。

我并不完全了解清除浮标的工作方式或绝对定位如何影响相对定位。我知道，一旦我使页脚绝对，它就会独立于所有其他div，这自然不是我想要的，但这就是我被困住的地方。

我的问题是，如何在页面底部显示粘性页脚显示，但如果浏览器屏幕的高度较小，则保持在浮动内容下（在我的意思下面）。

以下是我当前代码的示例：http://jsfiddle.net/ySru9/1/

如果这是关于SO的另一个问题的重复，我很抱歉，但我已经浏览过，并且无法找到任何相同的内容。我假设有一些令人讨厌的jquery东西需要深入研究？

Answer 1

如果您将页脚放在身体的绝对位置，但要确保身体的最小高度大于黄色容器，这可能有效：

Answer 2

尝试使用：

#container 
{
  margin: 0 0 0 -100px;
  position: relative;    
}