css - CSS Sticky Footers - 两个水平滚动条？

Question

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

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

score 4 · Accepted Answer

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

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

因此，您的问题的直接答案是否定的；您不能将滚动条放置在页面的其他位置，因为它附加到<div>.

但是，可能有一些方法可以解决它。

首先，如果您不介意在显示窄时内容被剪裁，您可以将滚动条设置为只给您水平滚动条，而抑制垂直滚动条。你会这样做：

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

或者，可能还有其他方法可以修复您的代码；CSSStickyFooter.com是众所周知的，所以如果它适用于其他人而没有这个故障，它可能也适用于你。但我们需要查看更多您的代码，以帮助您进一步了解这一点。

score 0 · Accepted Answer

我研究并尝试了许多用于粘性页脚的技术，发现这个方法效果很好：

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

2 回答 2