打印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与页面底部对齐。我尝试了绝对定位,但无法正常工作。有任何想法吗?
提前谢谢了
没有找到相关结果
已邀请:
1 个回复
babsoft
如果您不希望#main的所有内容都移到底部,只需在.blockleft和.blockright周围再包裹一个div并将此CSS应用于它。 las,这可能在IE6中不起作用,但是您可以尝试应用一些将粘性页脚应用于页面的技术。这是一个示例http://ryanfait.com/sticky-footer/