div 상자의 높이 정의 (하단) vs 다른 해상도

Question

슬라이더에 적절한 텍스트를 설정하는 데 문제가 있습니다. 텍스트가 페이지의 오른쪽 하단에 나타나길 원합니다. 문제는 다른 해상도 (태블릿, 노트북, 24 인치 모니터)뿐입니다.

테스트 페이지 : http://tinyurl.com/d825kuv

코드 :

div { 
position:relative; 
float:right; 
vertical-align: bottom; 
} 

Answer 1

해야 할 것 :

position:absolute; 
right:0px; 
bottom:0px; 

이 문제의 요소까지 오른쪽으로 최대한 아래로 내 될 것입니다 있는지 확인합니다 가능한 한 부모. 물론 오른쪽/아래에서 채우기를 원한다면 픽셀을 한 단계 높이십시오. position : absolute는 부모 위치가 기본값으로 설정되지 않은 경우에만 작동합니다. 다음은 <div> 당신이에 배치 할, position:relative을 :

position:relative; 

Answer 2

이 상대적으로 부모 <div>의 위치를하는 <div>의 바닥에 요소를 이동 설정 : 의심하면 당신의 부모에게 다음과 같은 스타일을 제공 하단에는 CSS가 있어야합니다

div { 
position: absolute; 
bottom: 0; 
right:0; 
} 

다음 레이아웃에 맞게 픽셀 값을 조정하십시오.