Html Div宽度限制?

Html Div宽度限制?,html,css,Html,Css,我知道这个问题可能有点奇怪,但我只是不知道也找不到任何信息(所以可能问题不存在),我构建了一个div宽度取决于用户的页面。是否有分区宽度限制? div可以是例如: 宽度:1000000px?本身没有限制,但一旦开始使用大尺寸,一些浏览器的渲染速度非常慢。如果使用这种方法,您将需要测试它。此外,您可能会看到一些浏览器问题,而且数量非常多。您可能希望使用10-20k之间的数字。基于此,唯一的限制似乎是计算机的可用内存。因此,一个宽度为1000000px的div是可能的,就像任何其他宽度一样 当宽度足

我知道这个问题可能有点奇怪,但我只是不知道也找不到任何信息(所以可能问题不存在),我构建了一个div宽度取决于用户的页面。是否有分区宽度限制? div可以是例如:


宽度:1000000px?

本身没有限制,但一旦开始使用大尺寸,一些浏览器的渲染速度非常慢。如果使用这种方法,您将需要测试它。此外,您可能会看到一些浏览器问题,而且数量非常多。您可能希望使用10-20k之间的数字。

基于此,唯一的限制似乎是计算机的可用内存。因此,一个宽度为1000000px的div是可能的,就像任何其他宽度一样

当宽度足够大时,可以预见浏览器的速度会越来越慢

谢天谢地,这不是大多数网站的典型问题


JSFiddle。享受滚动。

在Chrome和Firefox中,由于浏览器通过css处理宽度和高度的方式,似乎都有限制。在Chrome和Firefox的调试工具中都使用了inspect元素之后,我找到了关于它的帖子

与帖子相反,我发现Firefox的最大值为
17895698
,Chrome的最大值为
33554428

这里还有一些关于Bugzilla的“bug”报告,关于人们遇到相同问题:

正如他们在其中一个(Gecko/Firefox引擎)中所说


Gecko中的CSS长度最多限制为(1i想想象它和用户的限制一样大……但我不是100。看看前面的帖子:OK SoO没有限制,但性能可能是一个大div的问题。我不检查它,但脸谱网是如何做到这一点的,当我们向下滚动,看看人们的份额,DIV在中间增加了长度,这是否意味着什么?)当你使用AJAX滚动时,他们会动态加载更多的内容,为了简单起见,他们会在更多的div上添加div。根据一些网站使用这种“无限滚动”的经验,在某一点上,我的浏览器会变慢,但不是因为“高度”其他因素通常也在发挥作用。好吧,当滚动宽度移动时,我也会加载更多内容-我在考虑动态我会删除不可见的内容,并在应该可见时添加它-但我不知道这对开始来说是否没有多大“乐趣”,性能是否会略有下降。页面何时会流行(我希望如此)我会考虑一下。现在我认为在一段时间内,widht中的20-30K将是最大值。谢谢,所以有一些限制,但是,即使我们使用的值要低得多​​性能有问题我想不出在180万像素宽的div上有什么实际应用。你在建什么需要这么大的空间?