浏览器滚动条答案

【问题标题】：Browser scrollbar浏览器滚动条
【发布时间】：2010-09-06 19:31:31
【问题描述】：

我有一个完全居中对齐的网站。 CSS 代码工作正常。这个问题实际上与 CSS 无关。我的每个页面都有完美匹配的标题。

但是，当内容变大时，Opera 和 FireFox 会在左侧显示一个滚动条，这样您就可以滚动到不在屏幕上的内容。这使我的网站向左跳了几个像素。因此，标题不再完全对齐。

IE 总是有一个滚动条，所以网站在 IE 中永远不会跳来跳去。

有人知道这个问题的 JavaScript/CSS/HTML 解决方案吗？

【问题讨论】：

标签： browser

【解决方案1】：

FWIW：我使用

html { height: 101%; }

强制滚动条始终出现在 Firefox 中。

【讨论】：

【解决方案2】：

我用

html { overflow-y: scroll; }

为了标准化 IE 和 FF 中的滚动条行为

【讨论】：

【解决方案3】：

好吧，您不需要position: relative; - 没有它应该可以正常工作。

我认为div 必须是1000px 宽？用实际的网站来回答这个问题仍然会容易得多。

【讨论】：

【解决方案4】：

   #middle 
   {        
position: relative;
margin: 0px auto 0px auto;      
width: 1000px;  
max-width: 1000px;
}

是我居中的DIV

【讨论】：

【解决方案5】：

您是使用百分比宽度还是固定宽度？我也猜你正在为身体应用背景 - 我自己也遇到过这个问题。

如果您上传页面以便我们可以看到源代码，那么对您的帮助会容易得多。

【讨论】：