css位置方法会影响浏览器的渲染性能吗？

Question

考虑两个DIV A和B，其中A包括B，CSS：

A { margin-left: -2000px; }
B { margin-left: 2000px; }

使用这个CSS，B的位置与没有CSS的情况没有区别，我想知道渲染时是否会有性能下降？与没有CSS的情况相比。

Answer 1

不是真的。如果有的话，你会谈论0.01秒的价值。

如果您将冲突的设置应用于同一元素，则将使用最后一个设置。

Answer 2

考虑到大多数连接的速度，您可能不必担心。除非您使用的是包含数千行的样式表，否则最好通过Compression tool，但除此之外，我不会太担心它。

Answer 3

当我注意到性能下降的唯一情况是元素具有position:fixed（当您滚动时它们会保持相同的位置）...当您滚动页面时，Firefox会变得（有点轻微）起伏不定。

Answer 4

你正在使浏览器进行不必要的CSS计算，因此它将是一个非常微小的无限小的位性能。 ：）

没有用户可能会注意到它！

为了与处理器编码相似，在以这种方式声明变量时花费更少：

var a = 0;

而不是：

var a = 1 - 1;

但是我相信没有人（从用户角度来看）会感觉到差异，除了编程人员在你的代码中读到这样的东西时会认为你是有线人格。