html - 浏览器是否有正文/文档的最大高度？

Question

<分区>

Answer 1

是，页面高度有技术限制。 (还有一个实际限制——实际上没有人可以使用数十亿像素高的页面，如果你的页面那么高，你几乎肯定做错了什么。)

也就是说，实际上有两个不同的限制需要考虑:您可以在 CSS 中指定的元素的最大高度，以及最大总高度。

两者因浏览器而异。

SlickGrid处理虚拟滚动，所以它必须知道元素的最大高度； the code it uses to detect this is here .我把它放在 Fiddle : (这些是近似值)

• Chrome:512,000,000
• 火狐:6,000,000
• IE8-9:1,000,000
• IE6-7:128,000,000(是的，比新的 IE 多)

为了测试最大总高度，我将 this test 放在一起，用 11,000 <div> 填充页面高度为 99,999 像素，总高度约为 11 亿像素。

• Chrome 似乎在 10.8 亿像素左右失去了弹珠，在 50 亿像素以北的某个地方，滚动条完全消失了。
• Firefox 的滚动条在 107,398,926 像素处消失
• IE 无处不在，<div> s 放错地方，大小不正确。