我有一个页面，其中的内容浮动在中心，因此在任何浏览器大小中，内容div都将始终位于在中间。
现在，我已经在页面中添加了一个粘性页脚，但是当浏览器窗口比预期的小时，页脚会显示在浮动内容的前面。
我不完全了解清除浮动的工作方式，也不完全了解绝对定位如何影响相对定位。我知道，一旦我将页脚设置为绝对值，它就会独立于所有其他div，这自然不是我想要的，但这正是我陷入困境的地方。
我的问题是，如果浏览器屏幕的高度较小，我如何使粘性页脚显示在页面底部，但保持在浮动内容下方(我指的是下方)。
下面是我当前代码的一个示例：http://jsfiddle.net/ySru9/1/
我已经从这里获取了粘性页脚代码：http://www.cssstickyfooter.com/style.css在这里http://ryanfait.com/sticky-footer/layout.css
如果这是SO上另一个问题的重复，我很抱歉，但我已经搜索了一遍，找不到任何相同的问题。我认为我需要深入研究一些令人讨厌的jquery内容？
如果你让页脚在你的身体中绝对定位，但确保身体的最小高度大于你的黄色容器，这可能会起作用：
http://jsfiddle.net/willemvb/PZHvH/
尝试使用：
#container
{
margin: 0 0 0 -100px;
position: relative;
}
检查这个小提琴：http://jsfiddle.net/ySru9/39/