Question

我在业余不完美的尝试中使用CSSStickyFooter.com教程来获得完美的粘性页脚。

这是关于“主要”div的overflow:auto;样式的具体问题。有了这个，当用户缩小窗口时，我的页面中间有一个水平滚动条。这个添加的滚动条不能像它应该的那样自动出现在窗口的底部吗？

Answer 1

你在一个奇怪的地方得到滚动条的原因是因为它在<div>而不是在页面上。这是使用overflow:auto;。

的结果

overflow:auto;告诉CSS您希望特定<div>获取滚动条（水平或垂直），因为它太小而无法显示其所有内容。

因此，对你的问题的直接回答是否定的;您无法将滚动条定位在页面上的其他位置，因为它已附加到<div>。

然而，可能有办法解决它。

首先，如果您不介意在显示屏较窄时剪切的内容，您可以设置滚动条，使其仅为您提供水平滚动条，并对垂直滚动条进行处理。你会做这样的事情：

overflow-y: scroll;
overflow-x: hidden;

或者，可能还有其他方法可以修复您的代码; CSSStickyFooter.com是众所周知的，所以如果它对没有这个故障的其他人有用，那么它也可能适合你。但是我们需要查看更多代码才能帮助您进一步降低这条线。

Answer 2

我研究并尝试了许多粘性页脚技术，并发现这个技巧很棒：

我在使用之前使用的许多其他技术时遇到了问题。如果使用CSSStickyFooter.com对您的项目不是一个严格的要求，我建议您使用我所提到的链接中描述的技术。