浏览器滚动条

Question

我有一个完全居中对齐的网站。 CSS代码工作正常。这个问题并不是真的与CSS有关。每页都有标题，完美匹配海誓山盟。

然而，当内容变得更大，Opera和Firefox显示在左边的滚动条，所以你可以滚动的内容没有在屏幕上。这使得我的网站向左跳几个像素。因此，标题不再完全对齐。

IE总是有一个滚动条，所以该网站从未跳跃IE左右。

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

Answer 1

我用

html { overflow-y: scroll; } 

为了规范在IE和FF

Answer 2

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

如果你上传的页面，所以我们可以看到但源代码这将是更容易帮助你。

Answer 3

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

是我中心的DIV

Answer 4

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

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

Answer 5

FWIW滚动条的行为：我用

html { height: 101%; } 

强制滚动条总是出现在Firefox浏览器。