固定页脚打印不占整页宽度

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

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

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

Answer 2

尝试添加此CSS

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

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