水平对齐内的容器

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页面。希望这可以帮助。