中心div與相鄰的一個

Question

是否可以構建一箇中心div，其兩側的空間數量相等，另一個div總是與大的div相鄰，在外部左側。 我試着設置寬度，但是當我放大頁面時，它不再相鄰。

忘了提及，中心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之間的空間大部分相同。