打印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已AF ixed宽度和浮动权

.blockleft有一个固定的宽度和浮动左边有自动的宽度

。主要具有宽度和房子的内容

在我的打印CSS，我想.blockleft和.blockright对齐页脚底部之前的打印页面。网站上的每个页面都必须是可打印的，我不想手动重新定位页面以打印文章，或者必须为每个页面打印正确的样式。有谁知道如何让一个div对齐页面的底部。我尝试了绝对定位，但我无法实现它的工作。有任何想法吗？

很多感谢

Answer 1

在你的打印样式表

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

如果你不希望所有#main的去底部刚刚环绕.blockleft和.blockright另一个DIV和将这个CSS应用于它。唉，这可能无法在IE6中工作，但是您可以尝试应用一些用于将粘性页脚应用于页面的技术。这里有一个例子http://ryanfait.com/sticky-footer/