Html 屏幕中央中间的div

我这里有“主要”部门： 如果我改变屏幕分辨率，div不在中间，当前“主”div的CSS是：

.#main {
width: 680px;
position: absolute;
right: 35%;
padding: 0 40px 5px 40px;
font: normal 14px Verdana, Arial, sans-serif;
line-height: 20px;
display: inline-block;
z-index: 2;
background: url(images/content_back.png) repeat-y;
}

---

怎么了？

使元素居中的最佳方法是使用

边距：0自动，请尝试将代码更改为：

#main {
  width: 680px;
  margin: 0 auto;
  padding: 0 40px 5px 40px;
  font: normal 14px Verdana, Arial, sans-serif;
  line-height: 20px;
  z-index: 2;
  background: url(images/content_back.png) repeat-y;
}

边距：0自动设置左右两侧的“自动”边距，基本上使其居中。（仅当您指定一个设置的宽度时，此选项才有效）
从div中删除所有样式并应用以下css：

.centerdiv
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px 5px 40px;
  font: normal 14px Verdana, Arial, sans-serif;
  line-height: 20px;
  z-index: 2;
  background: url(images/content_back.png) repeat-y;
}

设置Div
margin的边距：0自动
并根据需要应用其他必需属性。
如果要添加IE6兼容性，还必须使用
text align:center
（在父元素上）和
text align:left
在#main上。好了，IE6完全忽略了您使用的类
.centerdiv
，而OP没有该类。您还删除了许多他想要的样式，尽管您似乎已在中对其进行了编辑。他可以在样式表中添加类centerdiv，然后随时使用，这比将样式应用于某个元素要好。我们可以四处搜索并删除与body、wrapper、，主包装，只保留上述内容。感谢您的尝试我真的很感激，我想我会尝试解决方案宽度表，您有什么想法吗？我认为如果它仍然在一个“容器”内，保持它在里面（向上的权利），它将不工作。除去包装纸和主包装纸以及设置到正文的所有边距，是否从以下位置删除正文：padding:0；保证金：0；？