中心div与相邻的一个

时间:2011-09-25 07:22:24

标签: css

是否有可能构建一个中央div,其两侧具有相等的空间,另一个div总是与大的相邻,在它的左外侧。 我尝试设置宽度,但是当我放大页面时它不再相邻。

忘记提及,中心div有固定的大小。

1 个答案:

答案 0 :(得分:2)

这就是你想要的:

<强> 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之间的空间大致相同。