水平對齊內的容器

Question

我怎麼能水平和在它3周的div在CSS對齊一個div容器3divs？ 見我的概念：http://postimg.org/image/9el748gst/

<div id="container"> 
      <div id="header"> HEADER </div> 
      <div id="content"> CONTENT </div> 
      <div id="footer"> FOOTER </div> 
    </div> 

很抱歉，如果我雙擊後，我只是找不到這樣做的正確方法。 謝謝！

Answer 1

大致可以用這樣的

演示：http://jsbin.com/zuxunavi/1/

HTML：

<div id="container"> 
    <div id="header"> HEADER </div> 
    <div id="content"> CONTENT </div> 
    <div id="footer"> FOOTER </div> 
</div> 

CSS：

#container{ 
    min-height:100px; 
    height:auto !important; 
    width:100%; 
    margin:0 auto; 
    background:#CCC; 
    padding:5px; 
    overflow:auto 
} 

#header{ 
    height:50px; 
    background:#FF0000; 
    width:95%; 
    margin:2.5%; 
} 
#content{ 
    height:200px; 
    background:#25AAE2; 
    width:95%; 
    margin:2.5%; 
} 

#footer{ 
    height:50px; 
    background:#8CC63E; 
    width:95%; 
    margin:2.5%; 
} 

你可以保留這個參考來開發你自己的html頁面。希望這可以幫助。