Javascript CSS/HTML-滚动时浮动DIV问题

我有一个看似简单的问题，但却不能完全解决这个问题。我正在使用引导版本3创建我的基本布局。我有一个页脚需要在页面底部，所以我把它设置为

position:absolute
底部：0如果我缩小，效果很好。当内容开始变长时，它会创建垂直滚动条，滚动时，DIV会四处浮动，而不是停留在底部

我试着给容器一个
位置：relative但dosent似乎做了任何事情。有人有什么想法吗

下面是我的布局示例，如果您调整预览部分的大小以强制垂直滚动条，您将看到当您滚动DIV时，DIV会四处浮动，而不是保持不变

尝试使用
修复

.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

非固定，请参见以下内容：

你的问题是（据我所知）页脚是浮动的，取决于内容，你希望它保持在你所说的位置

“将元素显示为内联级别的块容器
此块的格式为块级框，元素本身为
格式化为内联级别框“-W3”

滚动条，请参见以下内容：

至于有滚动条的元素

.elementwithScrollbar { 
      // base styles all styles
      overflow:hidden; // or use overflow-y:hidden; or x
}

已修复，请参见以下内容：

如果你想把它修好；新增
位置：固定和值坐标应该是您在那里所要做的全部。（即位置：固定；以及您想要的位置）

不要给元素留空间，而是将其放置在
相对于屏幕视口的指定位置，并且不移动它
滚动时。打印时，将其放置在屏幕上的固定位置
每一页

使用
fixed
仅将其锚定到屏幕底部，而不管您正在查看页面的哪个部分。我认为您希望页脚位于页面底部，而不是一直坐在屏幕底部

若要修复，请在此处修改拼写错误：

.contrainer-fluid {                  <-- should be container
position: relative;
}

.container流体{是的，事实上是这样的，哈哈，真不敢相信我错过了。非常感谢。很好，它工作了，编码很愉快，如果你能接受答案，事实上，它一开始看起来不错，但在玩了它之后，修复后它粘在了我的屏幕底部。很抱歉，我在我原来的帖子中不清楚，但我知道st需要它始终位于底部，如果我需要滚动，它将停留在内容的底部。您希望页脚始终保持在屏幕的底部还是停留在页面的底部？我们需要更多的代码来100%准确地回答这个问题。我们真的不知道从长远来看您想做什么。实际上，我们刚刚注意到fixed位于屏幕底部。我真的需要它位于屏幕底部。有人有其他想法吗？是的。fixed就是这么做的！试试我的建议--显示：内联块；
.contrainer-fluid {                  <-- should be container
position: relative;
}