打印CSS样式表-div定位

| 嗨,我刚刚完成我的网站。我的打印样式有问题。我的HTML如下:
<div id=\"container\">
<div id=\"main\">
       <h1>title</h1>
        <div class=\"blockright\">image in here and text</div>
         <p>paragraphs of text</p>
<div class=\"blockleft\">image in here and text</div>
 <p>Even more paragraphs of text</p>

 <div class=\"clear\"></div>

 <div class=\"footer\">Copyright here</div>
</div>
</div>
.blockright具有固定宽度并向右浮动 .blockleft的宽度固定,而float的宽度为auto .main具有宽度并容纳内容 在我的打印CSS中,我希望.blockleft和.blockright与页脚之前的打印页面底部对齐。网站上的每个页面都必须是可打印的,并且我不想手动重新定位页面以打印文章,也不必为每个页面都具有自定义样式才能正确打印。有谁知道如何使div与页面底部对齐。我尝试了绝对定位,但无法正常工作。有任何想法吗? 提前谢谢了     
已邀请:
在您的打印样式表中
 #main {
   position:fixed;
   bottom:0;
   left:0;
   display:block
}
如果您不希望#main的所有内容都移到底部,只需在.blockleft和.blockright周围再包裹一个div并将此CSS应用于它。 las,这可能在IE6中不起作用,但是您可以尝试应用一些将粘性页脚应用于页面的技术。这是一个示例http://ryanfait.com/sticky-footer/     

要回复问题请先登录注册