0

嗨，我的网站的边距自动存在问题，我有一个宽度设置为 1000 像素的包装器 div，顶部和底部边距为 0，左右边距为自动。我在侧边栏中有一个导航菜单，我在其中使用 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 的演示

4

1 回答 1

0

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

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

html { overflow-y: scroll; }

存在滚动条时绝对 div 移动

我强烈倾向于不做任何修复，只允许浏览器正常运行，正如大多数访问者所期望的那样。

于 2012-09-29T18:23:11.283 回答