html - DIV 更改页面缩放位置

看了stackoverflow上类似的问题后，似乎没有办法解决这个问题。在这里..

我在页面顶部有一个 DIV，用作菜单。尺寸为 1920 像素 x 50 像素。它的 CSS 代码是:

#top_bar{height:50px; width:1920px; margin:0px auto;
background:url("img/top_bar.png"); left:0px; top:0px; position:relative;}

然后我在 960px 宽且居中的内容下有一个内容#wrapper DIV。它的 CSS 代码是:

#wrapper{width:960px; margin:0px auto; overflow:hidden; left:0px; top:0px;
position:relative;}

当我放大页面时，内容#wrapper DIV 保持在正确的位置(居中)，但#top_bar DIV 向右移动。

页面的HTML代码为:

<body>

<div id="top_bar">
    (...menu links, etc)
</div>

<div id="wrapper">
    (...page content)
</div>

</body>

我正在为客户解决此问题，因此我们将不胜感激任何解决方案。提前谢谢你:)

最佳答案

它没有移动，它看起来只是因为 1920px 的宽度超出了屏幕的边缘。另一个 div 小得多。

如果你想让两个 div 看起来同样对齐，你必须给它们相同的宽度

关于html - DIV 更改页面缩放位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20914641/