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

【问题标题】：Will css position method affect browser rendering performance?css位置方法会影响浏览器渲染性能吗？
【发布时间】：2010-05-06 10:17:17
【问题描述】：

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

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

有了这个CSS，B的位置与没有CSS的情况没有区别，我想知道渲染时会不会有性能下降？对比没有 CSS 的情况。

【问题讨论】：

【解决方案1】：

您正在让浏览器进行不必要的 CSS 计算，因此它的性能会非常微小的无穷小。 :)

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

在以这种方式声明变量时，与编写处理器代码相似，需要更少的时间：

var a = 0;

而不是做：

var a = 1 - 1;

但我相信没有人（从用户的角度来看）会感受到差异，除了当他们在你的代码中读到这类东西时会认为你是一个有线个性的程序员。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：