CSS如何在块元素内插入分页符

Question

我想在打印时将数据分离到不同的页面。每个（打印）页面都在#pagewrapper中。

我的CSS：

#pagewrapper+#pagewrapper { 
page-break-before: always; 
} 
@media print { 
    #navigation, #cleardiv, #footer, .noprint { 
     display: none; 
    } 
    #printed-article { 
     border: 1px solid #777; 
     padding: 10px; 
    } 
    #pagewrapper { 
     margin: none; 
    } 
} 

当我的内容被添加到页面与预设页眉/导航/页脚，分页符不复存在......

我不知道如何来形容更多的情况。我认为这与块中的内容有关。是否有可能在一个块中，但仍然有分页符？

Answer 1

我发现问题（和解决方案）。该网站已经有.css文件为他们的页眉/导航/页脚等，这是打破了页断码：

#content { 
    position:absolute; 
    right:0px; 
    float:left; 
    width: 100%; 
    margin: 0; padding: 0; 
    background: none; 
    font-size: 10pt 
} 

我无法改变它，因为它是在其他地方使用，但我添加了以下覆盖我自己的.css：

#content{ 
    position:inherit; 
    right:auto; 
    float:inherit; 
    width: 100%; 
    margin: auto; padding: auto; 
    background: none; 
}