在打印页面底部放置一个元素，没有固定位置？

Question

我在包含版权声明的页面中有一个div。这个div是页面中的最后一个元素，因此它在浏览器上渲染得很好。它也在打印页面上呈现相同的方式。但是当我将这个div这样的id打印到它所在的任何页面上的'float'到底部时（所以如果页面只有半满，div项仍然会在页面的底部）。

很多Google推荐使用“position：fixed; bottom：0;”...这种方法的问题在于它有时会覆盖打印页面上的重要文本。

在完美的单词id喜欢在每个打印页面上获得这个div，没有它可以覆盖任何文本。但假设无法完成，我是否至少可以将其置于页面底部而不会覆盖任何文本？

注意：我尝试使用负的“底部”值，但div的一些文本本身是截止的，并且不确定该方法的支持程度如何。

Answer 1

在media print的帮助下，您可以在css时调用您想要显示的printing。

像这样：

@media print {
    p {
        font-size: 20px;
        color: red;
    }
} 

为版权div申请position:absolute;并查看height of copyright div并为padding bottom提供above div，以便您的文字在版权div上不会重叠。

或者

要使copyright div浮点数始终位于底部而不重叠上方文本，则必须为上面的div提供修复高度，以便版权div显示在底部。