Html 如何在打印预览中将元素与页面底部对齐

我正在尝试使用css对齐html页面的元素

我已将元素与页面底部对齐，但当我在打印预览中看到页面时。元素没有出现在底部

我使用这个css将元素与底部对齐

代码：

html代码：

<span class="bel">Text 1</span>

Text 1

---

但这不起作用……我该如何解决这个问题？

将

位置更改为
绝对
：

.bel {
    position:absolute;
    margin-left: 38%;
    margin-right: 38%;
    bottom:-25pc;
}

（并删除这些空白以获得最佳效果）
我在以下内容中找到了一个有用的答案：

因此，不要像@idmean建议的那样使用绝对值，而是使用固定值。另外，页脚将显示在每个打印页面上。
要在页面底部打印元素，您应该定义一些打印样式规则。
代码如下：

@media print{
 .bel{
     position:fixed;
     bottom:0;
     }
}

这将在我认为的每一页上重复div。
div.divFooter {
    position: fixed;
    bottom: 0;
}

@media print{
 .bel{
     position:fixed;
     bottom:0;
     }
}