css – 将DIV保持在它的父DIV的底部中心

<div id="header">
    <div class="container">
    </div>
</div>
<div id="content">
    <div class="container">
    </div>
</div>
<div id="footer">
    <div class="container">
    </div>
</div>

忽略除< div id =“header”>之外的所有元素
我想对齐< div class =“container”>里面< div id =“header”>恰好在底部中心.我正在使用以下CSS代码 –

#header{ width:1062px; height:326px; background-color:#110000; text-align:center; position:relative; }
#header .container{ width:940px; height:262px; background-color:#220000; margin:0px auto; position:absolute; bottom:0px; }

父(#header)和子(#header .container)DIV之间存在高度差异.删除位置：绝对;来自孩子的中心,但它坚持父母的顶部而不是底部.保持职位：绝对;将其粘在底部,但将其与左侧对齐.

如何同时对齐中心和底部？

#header .container{ 
   width: 940px;  
   height: 262px; 
   background-color: #220000; 
   position: absolute;
   bottom: 0 ;
   left: 50%;
   margin-left: -470px; 
}