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

Question

尝试在IE7（或IE8兼容模式）下打印以下网页时，会截断某些内容（底部的两个问题）。您可以在“打印预览”中查看该问题。

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

删除printTestTwoColumns.css中的以下css块中的浮动将解决问题，但也会删除双列格式。

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

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

如果没有将标记更改为基于表格的布局，是否有人有可能的解决方案？

Answer 1

尝试添加打印样式表，该样式表使用更简单的布局设计用于纸张上的窄打印。你可能根本不需要任何花车。

Answer 2

使用FLOAT IE往往会添加额外的10PX填充，即使您说明填充：0。

尝试添加display：inline ie

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

希望这有帮助。