html - 打印 css 样式表 - div 定位

Question

您好，我刚刚完成了我的网站。我的打印样式有问题。我的 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 的宽度是固定的，floats left 的宽度是 auto

.main 有一个宽度并包含内容

在我的打印 css 中，我希望 .blockleft 和 .blockright 在页脚之前与打印页面的底部对齐。网站上的每个页面都必须是可打印的，我不想手动重新定位页面来打印文章，或者必须为每个页面设置自定义样式才能正确打印。有谁知道如何让 div 与页面底部对齐。我尝试了绝对定位，但我无法让它工作。有什么想法吗？

提前致谢

Answer 1

在你的打印样式表中

 #main {
   position:fixed;
   bottom:0;
   left:0;
   display:block
}

如果您不希望所有#main 都位于底部，只需将另一个 div 包裹在 .blockleft 和 .blockright 周围并将此 css 应用于它。唉，这在 IE6 中可能不起作用，但是您可以尝试应用一些用于将粘性页脚应用到页面的技术。这是一个例子http://ryanfait.com/sticky-footer/