div의 상단에서 하단으로 이미지 쌓기

Question

고정 된 너비와 높이의 div 컨테이너가 있다고 가정 해 보겠습니다. 이제 이미지를 컨테이너 위에 추가하고 이미지를 서로 쌓아 올리려합니다.

방금 ​​컨테이너의 너비를 수정하고 그 안에 이미지를 추가하면 위에서 아래로 쌓일 것입니다. 어떻게하면 아래에서 위로 쌓일 수 있습니까?

감사

Answer 1

는 display: table-cell 사용할 수 있습니다, 그것은 현대적인 브라우저에서 작동하게하려면

CSS를

.container { 
    display: table-cell; 
    vertical-align: bottom; 
} 
.child { 
    display: inline-block; /* act like image */ 
} 

HTML

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

An example on jsfiddle.

그건 그렇고, 그것만 바닥에 정렬, 그것은 여전히 ​​위에 첫 번째 블록을 보여줍니다 ...