Fatal编程技术网
  • html/
  • Html Firefox无法打印大div的内容

Html Firefox无法打印大div的内容

html firefox

Html Firefox无法打印大div的内容,html,firefox,Html,Firefox,在Firefox中打开以下HTML <!doctype html> <html> <body> <div style="width: 1000px; height: 4000px;"> <div style="margin-left: 500px; margin-top: 2000px; position: absolute;">Caption </div> &

在Firefox中打开以下HTML

<!doctype html>
<html>
    <body>
        <div style="width: 1000px; height: 4000px;">
            <div style="margin-left: 500px; margin-top: 2000px; position: absolute;">Caption </div>
        </div>
    </body>
</html>


说明文字
单击打印->预览

您希望在第二页（纵向模式）上看到word标题，但所有页面都是空的。

很有趣

当然，您可以为打印媒体编写CSS：

因此，打印时，可以将height属性指定为远小于4000px的值

再说一遍，你为什么需要这么大的高度？

你的问题是位置：绝对位置。您的元素没有定位的祖先，因此其包含块是初始包含块（根据）。在打印CSS中，初始包含块是第一页的区域，根据

因此，您要求将元素定位在文档的第一页上，即页面顶部的2000px。当然，这恰好是在页面底部。这里没有说这会生成更多的页面…

我正在开发一个应用程序，用户可以在其中设计自己的自定义表单。这个表格可以很大。这取决于用户。现在我想写print.css，遇到了这个问题。如果你给你的父div
position:relative
，它应该可以工作。@Murtaza这也没用。在Firefox 10中测试，但是
position:relative
也没有帮助。真奇怪。请提交一个bug？我尝试了
Caption
和
Caption
没有任何帮助。在Firefox10上测试。我在bugzilla上提出了一个bug：