마지막 페이지 하단에 위치 바닥 글 Div (화면 및 인쇄)

Question

인쇄 할 때 마지막 페이지의 맨 아래에 div를 배치해야합니다. 페이지를 다음과 같이 설정했다고 생각하십시오. 페이지에 몇 줄이있는 경우

 
[div id=Header] 
[/div] 

[div id=Lines] 
    x Number of lines that could potentially span 1 or more pages 
[/div] 

[div id=Footer style="position: absolute; bottom: 20px; left: 4px; right: 4px;"] 
[/div] 

없음이 코드는 잘 없지만, 몇 가지 더있을 경우 바닥 글은 라인의 일부를 겹칩니다. CSS에서 바닥 글을 페이지 하단에 고정 할 수 있지만 첫 페이지를 채울 경우 두 번째 페이지의 맨 아래에 붙일 수 있습니까?

나는 그 위치가 절대적으로 문제를 일으키는 것이라고 생각한다. 대안을 가진 다른 사람이이 일을 했습니까? 나는 나를 위해 일한 해결책으로 또 다른 답을 찾을 수 없었다.

ps. 대괄호에 대해 미안하다, 그렇지 않으면 마크 업을 얻는 방법을 알지 못한다! http://jsfiddle.net/steweb/QAs78/

, 당신은 당신의 요소를 포장, 현재 래퍼 스타일 설정해야 하단에 바닥 글 숙박을하게하려면 :

Answer 1

난 당신이 결과를 얻으려는 생각

#wrapper{ 
    min-height:100%; 
    position:relative; 
} 

을 기억하라 설정하려면

html,body{ 
    padding:0; /* to avoid y scrollbar */ 
    height:100% 
}