Question

您好我的网站的margin auto有问题，我有一个包装div，宽度设置为1000px，边距顶部和底部为0，左边和右边为auto。我在侧栏中有一个导航菜单，我用java脚本用不同的表替换相同的div。当我点击菜单中的一个链接时，包装器向右移动了一些px并且它变为原始，我不希望这个动作我希望包装器是静态的，并且不会随时变化。我怎么能实现这一目标。

当我将边距设置为0时，定位问题就出现了。但我希望包装器居中。

这是演示：

http://techiedreams.com/projects/test/new/admin/index.php

这是我的css代码：

body {
background-color:#E2E3E4;
color:#333;
font-size: 12px;
}

#wrapper {
background-color:#ffffff;
width:1000px;
margin:0 auto;
margin-bottom:10px;
}

#content {
width:780px;
float:right;
}

#sidebar {
width:150px;
margin-top:15px;
margin-left:10px;
float:left;
border-right:1px solid #EDE9DE;
margin-bottom:25px;
}

#footer {
clear:both;
margin:0 auto;
width:1000px;
height:44px;
border-top:1px solid #EDE9DE;
}

请查看HTML演示

Answer 1

恕我直言，这个问题应该关闭，因为HTML / CSS中没有任何内容导致报告的问题。 OP正在看到由垂直滚动条的正常外观引起的偏移。

一个典型的解决方法是强制垂直滚动条始终可见，即使不需要也是如此。这与某些旧版浏览器不兼容。

html { overflow-y: scroll; }

Absolute div shifts when scrollbar is present

我非常喜欢不做任何修复，只是允许浏览器正常运行，正如大多数访问者所期望的那样。

div定位的CSS问题

1 个答案: