css - 页脚未在打印预览中的内容底部对齐

Question

长话短说，我负责修复 Microsoft SP 的所有这些 CSS 问题。一个是无法在 FireFox 中打印内容(Mozilla 似乎无法解决的一个众所周知的错误)。所以我必须专门为 FireFox 创建一个样式表，以便打印内容。

我已经解决了这个问题并且打印正常。我现在遇到的问题是页脚不会停留在内容的底部，因为内容具有 position: absolute(FF 打印错误的修复之一)。

这是(大致)HTML 代码:

<div id="ncs">
 <div class="ncs_content">
  <div class="ncs_stage">
   <div class="ncs_stage_top">
    <div class="ncs_stage_content">content...</div>
   </div>
  </div>
 </div>
 <div class="ncs_footer">turned off content</div>
 <div class="ncs_footer_printed_date">print date that needs to be displayed</div>
</div>

我的 CSS:

#ncs { border: none; width: 100%; height: 100%; float: none; background: none; }
.ncs_content { background: none; border: none; float: none; }
/* this fixes the FF bug */
.ncs_stage_content {
    float: none;
    overflow: visible !important;
    position: absolute;
    height: auto;
    width: 90%;
    font-size: 14px;
    padding: 20px 0px;
    margin: 10px 0px;
    font-size: 120%;
    clear: both;
    display: block;
}
.ncs_footer { clear: both; height: 100%; position: relative; }

.ncs_footer_printed_date {
    float: left; 
    display: block;
    width: 950px;
    position: relative;
    bottom: 0;
    left: 0;
    clear: both;
    height: 120%;
    vertical-align: bottom;
}

我让它在每一页上打印页脚，但这还不够好。他们希望它打印在内容的底部。

我已经为此苦苦挣扎了几天，所以任何想法都将不胜感激。我真的很擅长 CSS，但是当涉及到微软制造的东西的愚蠢问题时，这真的很令人沮丧。

感谢任何建议!!!

Answer 1

如果我误解了，请原谅我，但是对页脚使用绝对定位呢？