CSS位置的最大值

我只是好奇，对于绝对定位这样的东西，你能输入的最大值是多少，以及它仍然能被浏览器完全接受（比如说现代ish，所以IE8+）：

在进行搜索之后，我偶然发现了say（实际上）对于z索引值没有限制，但是我认为这两个属性的工作方式不同

---

另外，这会对性能产生什么影响？

根据下面的测试，所有Firefox、Chrome和IE8都有相同的问题，但值不同

严重的问题或多或少是从一开始的

• Chrome:

  33554430

• Firefox:

  17895700

• IE8:

  1193050

但是，在Firefox和Chrome上，在这个数字之前，有些元素会向左或向右移动一到两个像素。我在IE8上没看到

此外，在Chrome上，输入可以在33553900左右停止工作

var num=document.getElementById（'num'），
init=document.getElementById（'init'），
render=document.getElementById（'render'），
结果=document.getElementById（'result'）；
render.onclick=function（）{
result.innerHTML=''；
var from=+init.value，
to=from++num.value；
对于（var i=来自；i div{
位置：相对位置；
宽度：10px；
高度：10px；
背景：红色；
}
.wrapper>div:after{
内容：attr（数据编号）；
字体大小：10px；
线高：10px；
浮动：左；
左边距：15px；
}

渲染元素
从

这个答案的可能重复是关于

宽度

和

高度

，但在我的调查中，

左侧

似乎是一样的。@showdev仅仅因为答案可能是一样的，并不意味着这个问题是重复的。我认为，从逻辑上讲，大小属性和位置p之间没有关系属性。我的理论是，在浏览器中，所有像素值都会受到一致的限制，而不管属性如何。但这只是一个理论。

Margin

达到了相同的限制。谢谢。你说的“严重问题”是什么意思？这是因为输入停止工作还是其他原因？@MikeF我的意思是，框应该以10px分开，但在某个点上，它们倾向于聚集在一起。小问题是之前发生的一两个像素的小偏移。我猜输入停止工作也可能被认为是严重的。

.foo {
  left: 9999px;
}