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;
}