如何讓2 divs擁抱中心div？

Question

3格：左/中/右。我想定位中心div在瀏覽器（850px）和其他2 divs（每個225px）擁抱它。我怎麼能做到這一點？我有一個容器，裏面有3個div邊。有人可以幫我

.container{ 

} 


.left-content-area{ 
    width: 225px; 
} 

.main-content-area{ 
    width: 850px; 
} 

.right-content-area{ 
    width: 225px; 
} 

Answer 1

您可以使容器成爲所有孩子的寬度並居中。然後把孩子們放在一起。使用容器上的overflow樣式以使其包含兒童（否則容器的高度爲0，兒童顯示在其外部）。

.container{ 
    margin: 0 auto; 
    width: 1300px; 
    overflow: hidden; 
} 


.left-content-area{ 
    float: left; 
    width: 225px; 
} 

.main-content-area{ 
    float: left; 
    width: 850px; 
} 

.right-content-area{ 
    float: left; 
    width: 225px; 
} 

Answer 2

嘗試...

.container{ 
    width:1300px; 
    margin:auto; 
} 

.left-content-area{ 
    width: 225px; 
    float:left; 
} 

.main-content-area{ 
    width: 850px; 
    float:left; 
} 

.right-content-area{ 
    width: 225px; 
    float:left; 
} 

保證金：汽車給人的容器上的左側和右側的保證金相等，從而漂浮在中心它。

浮點數：左邊表示divs彼此相鄰浮動，而不是在新行上開始。