div宽度限制？答案

【问题标题】：Div width limit?div宽度限制？
【发布时间】：2014-09-05 00:51:09
【问题描述】：

我知道这个问题可能有点奇怪，但我只是不知道也找不到任何信息（所以也许问题不存在），我构建了 div 宽度取决于用户的页面。是否有一些 div 宽度限制？可以div例如：

宽度：1000000px？

【问题讨论】：

标签： html css

【解决方案1】：

在 Chrome 和 Firefox 中，由于浏览器通过 css 处理 width 和 height 的方式，似乎存在限制。在 Chrome 和 Firefox 的调试工具中使用了 inspect 元素后，我发现了 this 的帖子。

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

这里还有一些关于 Bugzilla 的“错误”报告，关于人们遇到同样的问题： Report 1 Report 2.

正如他们所说的（对于 Gecko/Firefox 引擎），

Gecko 中的 CSS 长度限制为最多 (1

((1

这是我们有效支持的最大 CSS 长度，以 CSS px 为单位。

【讨论】：

【解决方案2】：

基于this SO question，似乎唯一的限制是您计算机的可用内存。所以，一个带有width:1000000px 的 div 是可能的，几乎任何其他宽度也是如此。

如果宽度足够大，可以预见浏览器会变得越来越慢。

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

JSFiddle here。享受滚动。

【讨论】：

好吧，所以没有限制，但性能可能是大 div 的问题。我不检查它，但是 facebook 是如何做到这一点的，当我们向下滚动并查看人们的分享时，div 增加了长度
在中间结束，这意味着什么吗？ :)
当您使用 AJAX 滚动时，它们会动态加载更多内容，并且为了简单起见，它们会在更多 div 之上不断添加 div。从一些网站上使用这种“无限滚动”的经验来看，在某个时候，我的浏览器会变慢——但不是因为 div 的“高度”。通常还有其他因素在起作用。
好的，当滚动宽度移动时，我也会加载更多内容 - 我正在考虑动态删除不可见的内容并在应该可见时添加它 - 但我不知道这是否不是很“有趣”开始，如果性能有小幅下降。当页面流行时（我希望如此）我会考虑这个。现在我认为 20-30K 的宽度将在一段时间内达到最大值

【解决方案3】：

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

【讨论】：