浏览器滚动条

Question

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

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

IE始终具有滚动条，因此该站点永远不会在IE中跳来跳去。

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

Answer 1

我用

html { overflow-y: scroll; }

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

Answer 2

FWIW：我用

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宽？ 用实际的网站回答这个问题仍然要容易得多。