css定位方法会影响浏览器渲染性能吗?

css定位方法会影响浏览器渲染性能吗?,css,performance,rendering,Css,Performance,Rendering,考虑到两个div A和B,其中A包括B和CSS: A { margin-left: -2000px; } B { margin-left: 2000px; } 有了这个CSS,B的位置和没有CSS的情况没有区别,我想知道渲染时性能会下降吗?与没有CSS的情况相比。不太可能。如果有,你会说0.01秒 如果对同一元素应用了冲突的设置,则将使用最后一个设置。实际上不是。如果有,你会说0.01秒 如果对同一个元素应用了冲突设置,则将使用最后一个设置。考虑到大多数连接的速度,您可能不需要担心太多。除非您

考虑到两个div A和B,其中A包括B和CSS:

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

有了这个CSS,B的位置和没有CSS的情况没有区别,我想知道渲染时性能会下降吗?与没有CSS的情况相比。

不太可能。如果有,你会说0.01秒


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

实际上不是。如果有,你会说0.01秒


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

考虑到大多数连接的速度,您可能不需要担心太多。除非您使用的样式表有数千行,否则最好将其放在一个列表中,但除此之外,我不会太担心它。

考虑到大多数连接的速度,您可能不需要太担心。除非您使用的样式表有数千行,否则最好将其放在一个位置,但除此之外,我不会太担心它。

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

我注意到性能下降的唯一情况是,元素的
位置:固定了
(滚动时它们会固定在同一位置)。。。当你滚动页面时,Firefox会变得(非常轻微)不稳定

您正在使浏览器执行不成功的CSS计算,因此它的性能将非常微小

没有用户可能会注意到它

以这种方式声明变量时,要实现与处理器编码的相似性,需要花费较少的时间:

var a = 0;
而不是做:

var a = 1 - 1;

但我相信(从用户的角度来看)没有人会感觉到这种差异,除了那些在阅读你的代码时会认为你是一个有线个性的程序员。

你让浏览器做了不成功的CSS计算,所以这将是一个真正的微小的性能稍差。

没有用户可能会注意到它

以这种方式声明变量时,要实现与处理器编码的相似性,需要花费较少的时间:

var a = 0;
而不是做:

var a = 1 - 1;

但我相信(从用户的角度来看)没有人会感受到这种差异,除了那些在阅读你的代码时会认为你是有线个性的程序员。

这只是两个额外的添加。这只是两个额外的添加。在我看来,他问的是渲染性能,也就是,在我看来,他是在询问渲染性能,也就是说,在文件下载并准备好进行解析之后,这是否会降低浏览器的速度。