CSS의 위치

Question

좌절). 나는 또한 텍스트가 바닥 글에 항상 있도록 다양한 모니터 해상도에 따라 바닥 글에 10-20 픽셀을 플로팅 시키길 원합니다.

"포지셔닝"스타일 시트 속성에서 어떤 옵션을 체크해야합니까? 상대적인? 결정된? 순수한?

지금까지 내 설정은 상단에서 600px, 하단에서 200px로 "상대적"입니다. 하지만 13 인치 모니터에서는 훌륭하게 보입니다. 예를 들어, 27 인치 모니터에서 페이지 중간에 위치합니다.

모니터 크기에 상관없이 브라우징의 상태 표시 줄 앞에 약간의 호흡 공간이있는 상태에서 가운데에 놓으십시오.

Answer 1

position: fixed을 사용하여 바닥 글을 창 하단에 붙입니다. 빠른 데모 here을 작성했습니다.

CSS의 :

div#footer { 
    position: fixed; 
    background: red; 
    text-align: center; 
    padding-bottom: 20px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
}​ 

빨간색 배경

분명히 제거 할 수 있으며, padding-bottom 사용자의 요구 사항에 변경 될 수 있습니다.

bottom: 0, left: 0 및 right: 0 속성은 페이지의 맨 아래로 바닥 글을 강제로 가져 와서 전체적으로 늘립니다.

---

이 가 건너하지 스트레치 모든 방법을 수행하는 바닥 글을 만들려면 this JSFiddle out instead을 시도합니다. 내부 요소와 자동 왼쪽 및 오른쪽 여백을 사용합니다.