CSS : 아래쪽에 요소 정렬에 문제가 있습니다.

Question

요소를 세로로 정렬 할 때 CSS 질문이 있습니다.

이 URL에서 봐 주시기 바랍니다 : 당신이 오른쪽에있는 사이드 바에서 보면 http://leisureonly.com/gravedigger/grow-up [Possibly NSFW]

가, 하단에 이미지가 '무덤 파는'을 말하고있는 블록이있다. 이 블록을 사이드 바의 아래쪽에 정렬하고 싶습니다.

div에서 래핑하고 grave-digger 요소에 vertical-align : bottom을 적용 해봤지만 원하는 결과를 얻지 못했습니다. 이 작업을 수행하는 올바른 방법은 무엇입니까? 이 같은

Answer 1

글쎄, sidebar_gravedigger이 side_bar의 하단에로 시작하는, 그래서 첫 번째 문제는 사이드가 긴 것을 것입니다. 해당 요소를 컨테이너의 하단 (side_bar의 상위 컨테이너)에 배치하려면 다음을 권합니다.

.sidebar_gravedigger { 
    position: absolute; 
    bottom: 20px; /*container padding*/ 
} 

#sidebar { 
    padding-bottom: 500px; /*when the content is short, gravedigger won't be over the bar content.*/ 
} 

.container{ 
    position: relative; 
} 

Answer 2

뭔가 도움이 될 수 있습니다 :

.sidebar { 
    position: relative; 
    height: 100%; 
} 

.module { 
    position: absolute; 
    bottom: 0; 
}