css - IE7 CSS Float 导致打印时内容溢出

Question

尝试在 IE7(或 IE8 兼容模式)中打印以下网页时，某些内容(底部两个问题)被截断。您可以在打印预览中查看问题。

http://www.testdesigner.com/tests/print.jsp?testId=4097

删除 printTestTwoColumns.css 中找到的以下 css block 中的 float 将解决该问题，但也会删除双列格式。

.question {
    float: left;
    width: 44%;
    padding: 0;
    margin-right: 0;
}

需要注意的是，上面 URL 中的 HTML 是动态生成的，所有类型的内容都存在该问题，包括纯文本(无图像)。内容总是溢出页面。

除了将标记更改为基于表格的布局之外，有人有可能的解决方案吗？

Answer 1

尝试添加一个打印样式表，该样式表使用专为在纸张上进行窄打印而设计的更简单的布局。您可能根本不需要任何 float 。