Question

请帮我设置#container以保持在页面的中心位置，以便#container下的所有其他内容都位于中心位置。

Answer 1

在css中：

#container {
    width: xxx em/px/%/...;
    margin-left: auto;
    margin-right: auto;
    /* or margin: 0 auto; */
}

使用此方法您甚至不需要容器，您可以执行以下代码。

#div_left {
    width: 25%;
    margin-left: 12%;
}
#div_right {
    width: 50%;
    margin-left: 38%;
}

这种方法适用于每个浏览器，比这个（旧的和更长的）方法更简单：

body {
    text-algin: center;
}
#container {
    width: xxx;
    text-align: center;
}
#div_left {
    width: 30%; /* 30% of the container-width */
}
#div_right {
    width: 70%;
}

Answer 2

只需移除左边的浮动 - 这里是小提琴http://jsfiddle.net/mvivekc/VjMy8/3/

如何在页面中心设置div

2 个答案: