css - 为什么我的元素在缩放时会改变位置？

Question

我正在这个网站上工作。当我放大浏览器 (ctr +/-) 时，顶部的元素会改变位置(菜单和特色 slider )。有没有办法让它们无论缩放到什么程度都保持在某个位置。

这是网站的链接 - http://www.independentlynew.com/dev/5church

Answer 1

看起来主菜单容器溢出了 Logo 容器，导致它被向上推。这可能是由于那些容器具有访问边距或填充、恰好适合其包装器以及浏览器在缩放期间使用的舍入方法造成的。

尝试从 #menu 容器中移除左边的填充:

#menu {
    float: right;
    background: url(images/left-menu-bg.png) no-repeat top left;
    /* padding-left: 12px; */
    height: 48px;
    margin-top: 40px;
}