css bottom align

Question

웹 페이지가 http://rygol.cz/qlife/이고 축소 할 때 축소 할 때마다 id = "연락처"가 반복 될 때마다 어디로 이동합니다. 내가 어떤 아이디어를 어떻게 할 의 바닥의 모든 될 것의 텍스트를 필요로하기 때문에 나는

border: 0; 

같은 뭔가가 필요? 모든

Answer 1

콘텐츠의 하단에 div를 정렬하려면 {position : relative;}를 콘텐츠 div에 추가하고 {position : absolute; bottom : 26px;}를 정렬하려는 div에 추가하십시오.

CSS :

#content-wrapper { 
position: relative; 
} 

#leftcolumn { 
padding-bottom: 110px; /* this will prevent the normal content in the left column to go under the aligned div */ 
} 

#contacts { 
margin-top: 0; 
position: absolute; 
bottom: 26px; 
} 

데모 : http://jsfiddle.net/NMDCF/

Answer 2

먼저, 다음 링크를 사용하여 HTML 유효성을 검사 할 : HTML Validation 가 문제를 해결하는 수 id="contact" 사용 position:absolute 또는 position:relative;에 대한 같은 id="contact"

를 해결하기 위해 노력하기 전에 해당 오류를 수정하려고합니다. 그래도 문제가 해결되지 않으면이 display:block; 또는 display:inline-block;을 사용하면 목표를 달성하는 데 도움이 될 수 있습니다.