0

我的网站有两个部分。主体和侧边栏。主体为 6 英寸，侧边栏可能为 200 像素。如何使我的页面居中？那么左右两边的空间相等吗？无论分辨率如何，它都应该居中。

严格使用 XHTML 1.0。应该适用于所有主要浏览器或至少 Firefox 和 chrome。

4

4 回答 4

4

怎么设置

margin: 0px auto;

到最外面的容器。

<div id="wrapper">
    <div id="side"></div>
    <div id="main"></div>
</div>

#wrapper { margin: 0 auto; width: 800px; }
于 2010-06-18T03:45:54.037 回答
4

您可以将左边距和右边距的边距设置为自动：

<div id="wrapper">
  <div id="sidebar"></div>
  <div id="main"></div>
</div>


#sidebar {
    float:left;
    width: 50px;
}
#main {
    width: 150px;
    float:left;
     background-color: yellow;
}
#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

这也非常便携，甚至适用于旧版 IE。

更新wrapper、sidebar 和 main 需要有宽度。谷歌两列布局，这是一种非常标准的方式。

http://jsfiddle.net/aXLVv/1/ - 看到它在行动。

于 2010-06-18T03:48:12.507 回答
0

我不认为 margin-left: auto; 和边距：自动；将工作。您需要有一个全局包装器。

于 2010-06-18T17:52:07.687 回答
-1 
body {
    margin-left:  auto;
    margin-right: auto;
}
于 2010-06-18T03:50:32.377 回答