Question

我有一个看起来像一个简单的问题，但不能完全理解这个问题。我使用bootstrap版本3来创建我的基本布局。我有一个需要位于页面底部的页脚，所以我将其设为position: absolute; bottom: 0;并且如果我缩小则工作正常。当内容开始变得冗长时，它会创建垂直滚动条，当滚动时，DIV会浮动而不是停留在底部。

我尝试给容器一个position: relative;，但似乎做了什么。有人会有任何想法吗？

下面是我的布局示例，如果您调整预览部分的大小以强制垂直滚动条，您将看到滚动DIV时浮动而不是留在原位。

https://jsfiddle.net/DTcHh/10301/

Answer 1

尝试使用fixed

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

js fiddle example

Answer 2

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

你的问题是（根据我收集的内容）页脚依赖于内容而浮动，并且你希望它留在你称之为的地方。

.footerElement { 
    // base styles all styles
    display: inline-block; // add this, does as you imagine
}

＆＃34;将元素显示为内联级块容器。里面的此块被格式化为块级框，元素本身就是格式化为内联级别框＆＃34; -W3schools

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

对于具有滚动条解析的元素。

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

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

如果你想要修复它;添加position: fixed;和值坐标应该只需要在那里完成。（即位置：固定;以及你想要的位置）

＆＃34;不要为元素留出空间。相反，将它定位在指定相对于屏幕视口的位置，不要移动它滚动时打印时，将其放在固定位置上每一页。＆＃34; -MDN

Answer 3

使用data-paused仅将其锚定在屏幕底部，无论您正在查看哪个页面部分。我想你想在页面底部放置页脚，而不是经常坐在屏幕的底部。

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

fixed

CSS / HTML - 滚动问题

3 个答案: