页脚的底部，而打印

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