頁腳的底部，而打印

Question

我想我的html頁面上打印內容

格式是

<div class="header">Title of the page</div> 

<div class="main">Content of the page</div> 

<div class="footer">Footer of the page</div> 

<div class="page-break"></div> 

<div class="header">Title of the page</div> 

<div class="main">Content of the page</div> 

<div class="footer">Footer of the page</div> 

<div class="page-break"></div> 

<div class="header">Title of the page</div> 

<div class="main">Content of the page</div> 

<div class="footer">Footer of the page</div> 

<div class="page-break"></div> 

所以有三個頁面，頁面是動態添加和這個CSS幫助我打破印刷時頁面

.page.break{ 
    page-break-after:always 
} 

問題是頁腳出現在主div後面，我希望它始終處於頁面底部。

任何幫助？

Answer 1

中添加這個CSS到您的頁腳股利，它應該解決您的問題

在這個線程類似

style="clear: both;" 

Answer 2

難道你的解決方案是什麼？

Footer Not Aligning At Bottom Of Content In Print Preview