uncessessary scroll없이 화면의 footer bottom 푸시

Question

OK, 페이지의 맨 아래에 있도록하기 위해 footer와 함께 일반적인 "push"메서드를 사용했습니다 ... 그러나 이제는 불필요한 간격이 있습니다. 컨테이너와 꼬리말은 내용을 볼 때 내용이없는 경우에도 항상 아래로 스크롤된다는 것을 의미합니다. 내용이 없다면 바닥 글은 웹 사이트 하단에 잘 붙어 있기를 바랍니다.

누구든지이 문제를 발견하여 해결할 수 있습니까?

Answer 1

: 사전에

덕분에이 CSS 단 몇 줄의 수행 할 수 있습니다.

footer { 
position: fixed; 
bottom: 0; 
left: 0; 
width: 100%; 
} 

을 그리고 그게 : 당신이 <footer> 요소를 사용하고 있다고 가정하면, 다음과 같은 스타일 속성을 적용!

Answer 2

나는 나를

을위한

#footer { 
position: relative; 
left: 0px; 
bottom: 0px; 
height: 150px; // whatever height you want 
width: 100%; 
} 

작품을 사용