居中分区与相邻分区

Question

有没有可能构造一个中心div，它在两侧有相等的空间，而另一个div总是与大的div相邻，在它的外部左侧。我试着设置宽度，但当我放大页面时，它不再相邻。

忘了提一下，center div的大小是固定的。

Answer 1

这就是你想要的：

CSS:

#left{
    width:25%;
    background:#cccccc;
    height:500px;
    float:left;
}
#center{
    width:50%;
    background:#adaddd;
    height:500px;
    margin-left:auto;
    margin-right:auto;
}

HTML

<div id="left"></div>
<div id="center"></div>

jsFiddle

在这个小提琴中，div在两侧有相等的空间。和居中的div也有一个相邻的左div。在所有浏览器大小中，两个(左和中) div之间的空间基本相同。