浏览器滚动条

Question

我有一个完全居中对齐的网站。CSS 代码运行良好。这个问题实际上与 CSS 无关。我的每个页面都有彼此完美匹配的标题。

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

IE 始终有一个滚动条，因此该网站永远不会在 IE 中跳转。

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

Answer 1

我用

html { overflow-y: scroll; }

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

Answer 2

前言：我用

html { height: 101%; }

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

Answer 3

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

如果您上传页面，那么我们会更容易为您提供帮助，这样我们就可以看到源代码。

Answer 4

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

是我的居中 DIV

Answer 5

那么你不需要 position: relative; - 没有它应该可以正常工作。

我认为 div 有 成为 1000px 宽的？通过实际网站来回答这个问题仍然会容易得多。