IE7中的中心页面＆amp;单击菜单项后页面移动

Question

我的页面似乎集中在除IE7之外的所有现代浏览器中。在CSS中我简单地说：

html, body {
    width: 1000px;
    margin: auto auto;
}

它不起作用。

所有浏览器的另一个问题是整个页面在单击菜单项后稍微移动。例如。选择第二个菜单项会导致页面与第三页相比向右移动。你能帮我解决一下这些问题吗？ TIA

Answer 1

要解决第一个问题，请从选择器中删除html：

body {
    width: 1000px;
    margin: auto auto;
}

第二个问题是由于并不总是有一个垂直滚动条，它会改变页面的宽度，因此会引起轻微的水平移动。

通过添加它来修复它，这会强制始终存在垂直滚动条：

html { 
    overflow-y: scroll
}