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