我有一个高度约为 5000 像素(即相对较大)的网站。为了将事物绝对定位在其上，我创建了以下设置:
absolute div --> relative div --> multiple absolutely positioned images
我想知道在这么大的页面上，我的绝对定位的 div 和相对的 div 都是 100% 高度的处理目的是否代价高昂？
我这样做的原因是因为我正在使用 translateY(使用 GPU)转换父 div。但是 translateY 会根据元素的高度来翻译元素。如果我在图像上这样做，就很难以相同的速度移动多个元素，因为它们的高度不同。 IE。我需要 translateY(200%) 来获取高度为另一张图片一半的图片。
然而，移动父绝对 div 更容易。
但我担心的是，它的成本非常高，因为它是如此之大的 div。有更多知识的人可以让我知道拥有如此大的绝对位置 div 和相对 div 是否不好？请注意，我的网站上有很多图片...
最佳答案
如果它们是 parsed from HTML or dynamically generated with JavaScript.，通常会下降到后者(JS)与前者(HTML)相比非常快。
如果您使用的这些图像经过适当压缩以便在网络上使用，我会更加担心，您会惊讶于有多少人认为更改大小就足够了。这个答案有很多变量要考虑，你必须考虑每个 div 的内容、CSS 的使用、每个 div 中使用的图像数量、你使用的浏览器等。
您还可以在使用 div 时调用它们，而不仅仅是在页面加载时加载它们。这将需要使用 JS。如果您担心性能，我可以直接告诉您，担心图像以及如何加载它们。
关于html - 大型绝对定位 div 是否昂贵？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31216864/