Question

我正在尝试在HTML中显示div标签，该标签仅在用户在“打印预览”中查看页面时显示。 div标签出现在打印预览中，但它出现在内容的顶部。我需要div标签出现在每个页面的末尾，所以在每个打印页面上，而不是在内容的顶部，换句话说，它需要是动态的，否则它只是打印在其他内容之上 - 请参阅下面的CSS

<style>
@media screen {
    div.divFooter {
        display: none;
    }
}
@media print {
    div.divFooter {
        position: fixed;
        bottom: 0;
    }
}

* {
 margin: 0;
}

</style>

HTML

<div class="print">
 <div class="divFooter">
<p class="boxes">A</p>
 <p class="boxes">B</p>
 <center><p class="C</center>
  </div>
  </div>

print类基本上确保div被隐藏并且仅在打印预览中可见。有没有办法可以修改CSS以确保粘性页脚不会显示在内容之上，但实际上它是动态的并且出现在自己的空间中？

创建一个动态div

0 个答案: