Căn chỉnh div con ở giữa/dưới cùng trong bố cục

Question

Tôi muốn căn chỉnh hình con div bên trong hình ảnh div (header-image làm hình nền) ở giữa theo chiều dọc và chiều ngang ở dưới cùng.

<div id="header-image"> 
    <div class="row"> 
     ... Content 
    </div> 
</div> 

Tôi tìm thấy một giải pháp cho định tâm ngang:

<div style="position: absolute; left: 50%;"> 
    <div style="position: relative; left: -50%;"> 
     ... content 
    </div> 
</div> 

Nhưng không biết làm thế nào để có được nội dung để phía dưới (chỉ làm việc với position:absolute)

Để hiểu rõ hơn về http://webstopp.de/ bạn có thể xem header-image và một số văn bản trong đó nhưng văn bản phải ở dưới cùng của header-imagediv.

Answer 1

#header-image { 
    background: url("http://placehold.it/200x200&text=[banner img]") no-repeat; 
    height: 200px; 
    width: 200px; 
    position: relative; 
    left: 0; 
    bottom:0; 
} 
.row { 
    position: absolute; 
    left: 50%; 
    bottom:0; 
} 
.inner { 
    position: relative; 
    left: -50% 
} 

Fiddle

Answer 2

Hãy thử điều này cho div con bạn: margin-top: 99%;