缩小浏览器窗口时的水平滚动条答案

【问题标题】：Horizontal Scrollbar when reducing browser window缩小浏览器窗口时的水平滚动条
【发布时间】：2010-10-14 20:23:16
【问题描述】：

早安，

我一直在对该网站进行一些修改，并且所有者希望在浏览器窗口缩小到小于网站“容器”的大小时出现水平滚动条。现在它没有出现。我认为我的主要 CSS 负责这一点。这个 CSS 有 overflow-x:hidden;和溢出-y：自动；因为我的“jquery 粘性页脚”需要它才能正常工作。

我该如何解决这个问题，并在我缩小它时让它在浏览器窗口上水平滚动条？现在我要花掉一些脑细胞了。

这是我的 CSS ，我认为是不让我拥有滚动条的原因。顺便说一句，当我把 overflow-x: auto;无论我有什么窗口大小，滚动条都会出现。

body, html {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;

【问题讨论】：

【解决方案1】：

在 body 或 HTML 中是否有任何内容具有足够大的固定大小，以便在您放置 overflow-x: auto 时始终显示滚动条？此页面位于何处？如果我开始研究 firebug，如果它可以公开访问，它可能会帮助你。

-Brian J. Stinar-

【讨论】：

+1 提到了 firebug，它是解决此类问题的完美工具
我同意萤火虫。我每天都在用它
我可以使用您的帮助，但我无法提供页面名称，因为它位于公司内部的临时服务器中。
如果你可以复制它，或者类似的页面表现出相同的行为和大致相同的内容，我们可以在某个公开的地方查看它。否则，你会得到的最好的东西就是“里面的东西很大”。您也可以发布更多的 CSS 和 HTML，但实际链接可能是最好的。
我做了很多改变，现在水平滚动条出现了，当我减小窗口大小时，但就在页脚之后，而不是在浏览器中。怎么会？

【解决方案2】：

overflow-x: hidden;

因此无论如何它都是隐藏的。

你说当你放 auto 时它无论如何都会显示滚动条。这可能是因为“容器”比可用的屏幕空间宽。

也许将您的容器缩小到更小的尺寸会消除此问题，并且仅在窗口太薄时提供。请注意页面上会扩大容器的其他对象。

【讨论】：