最後のページの下部にあるフッタ区画（画面と印刷の場合）

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では、フッターをページの下部に固定することはできますが、最初のページに行がある場合は2ページ目の下部に貼り付けることは可能ですか？

私はその位置が絶対に問題を引き起こしていると思います。誰か他にこれがあるのですか？私は私のために働いた解決策で別の答えを見つけることができませんでした

ps。大括弧を残して申し訳ありませんが、そうでなければマークアップを取得する方法はありませんでした！

Answer 1

私はあなたがこの結果取得したいと思います。一番下のフッターのご滞在をできるようにhttp://jsfiddle.net/steweb/QAs78/

を、あなたの要素をラップし、現在のラッパースタイルを設定する必要があります。

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

も忘れないでください設定する

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