用于打印的固定页脚未占据整个页面宽度

Question

我有一个隐藏的页脚，在打印页面时会显示出来，但是当我尝试在chrome上打印时，它不会占用整个页面的宽度。 为什么？

我正在使用的代码

 <style type="text/css"> @media screen { div.divhead { display: none; } div.divFooter { display: none; } } @media print { div.divFooter { position: fixed; bottom: 0; } } </style> 

 <div> <div> <div class="divhead"> <asp:Image ID="Image1" ImageUrl="~/Images/head.jpg" Width="100%" runat="server" /> </div> </div> <div class="content"></div> <div class="divFooter"> <asp:Image ID="Image2" ImageUrl="~/Images/footer.jpg" Width="100%" runat="server" /> </div> </div> 

Answer 1

使用固定位置和绝对位置时，需要指定宽度。

在div.divFooter {}添加width: 100% 。

Answer 2

尝试添加此CSS

body, html{
   padding: 0;
   margin: 0;
}

 @media print {
        div.divFooter {
            position: absolute;
            min-width: 100%;
            bottom: 0;
        }
    }