바닥 글 위치 지정

Question

화면 하단에서 약 20 ~ 30px 또는 백분율로 바닥 글을 배치하고 싶습니다. * {outline : solid 1px}가있는 요소를 보면 화면 아래쪽에 html 요소이거나 몸체의 아래쪽 경계선을 나타내는 사각형이 있습니다. 나는 위치 지정 요소에 조금 불투명하다. 그리고 varius 포지셔닝 옵션을 가지고 놀았음에도 불구하고 내가 원하는 곳에 꼬리말을 줄 수는 없다. 가장 좋은 방법은 무엇입니까? 꼬리말은 어떻게 배치해야합니까? 문서의 하단에 원하는 경우 문서

footer{ 
    position:absolute; 
    bottom:30px; 
} 

의 바닥 (+ 30 픽셀)에 그것을 원하는 경우

Answer 1

, 당신은 윈도우의 높이를 계산하기 위해 자바 스크립트를 필요

및

$('footer').css({'position':'fixed','top':$(window).height()-$('footer').height()}); 

(JQuery와의) 또는 만 C와 같은 뭔가를 할 SS는 또한 수행 할 수 있습니다

.footer{ 
    position:fixed; 
    height:2%; 
    top:98%; 
} 

Answer 2

코드 중 하나를 보지 않고, 그 일이 당신을 위해 작동하지 않는 이유를 상상하기 어렵다. 하지만 내 첫 번째 추측은 당신이 body 요소를 적절하게 스타일 지정하지 않았다는 것입니다. 기본적으로 많은 현대의 브라우저는 시체에 여백이나 여백을 적용합니다. 따라서 다음 규칙을 사용하여 재설정해야합니다.

이렇게하면 원하는대로 계속 진행할 수 있습니다. 또한 화면 하단에 고정하고자하는 요소에 대해 position: fixed CSS 규칙을 사용할 수 있습니다. 예 :

#footer { position: fixed; bottom: 0; height: 30px; }