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

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

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

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

解决方案

回答

我们要对齐百分比宽度还是固定宽度？我还猜测我们是在为自己遇到问题的身体应用背景。

如果我们上传页面，将更加容易为我们提供帮助，因此我们可以看到源代码。

回答

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

是我居中的DIV

回答

好吧，我们不需要position：relative;，如果没有它，它应该可以正常工作。

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

回答

我用

html { overflow-y: scroll; }

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

回答

FWIW：我用

html { height: 101%; }

强制滚动条始终显示在Firefox中。