使用固定的页脚打印CSS-添加底部边距

Question

我在所有打印页面上添加了页脚。页脚的CSS：

@media print {
    .footer {
        display: block !important;
        position: fixed; bottom: 0; left: 0; right: 0;
        text-align: center;
        font-size: 10px;
        font-weight: 300;
        padding: 5mm 0;
    }
}

此功能正常，页脚位于页面底部。现在的问题是，页面的内容在页脚上流动。我使用@page规则删除页面的空白，因为我不想显示页面编号，页面标题等：

@page { 
    margin: 0mm; 
} 

您有什么想法，我如何在每页底部添加页边空白，以使内容不会溢出？