Перерисовывается ли браузер, если позиция элемента абсолютная?

Question

Если у меня есть элемент с абсолютной позицией, и я меняю его слева, а верхняя позиция будет переопределена для его родительских дочерних элементов?а как насчет его собственных потомков, если они не затронуты, так как они также абсолютно позиционированы левой и верхней осями?

Если я изменю ширину / высоту элемента, но не имею значения в родительском и дочернем элементах?

Answer 1

Объект с абсолютной позицией не влияет на макет страницы. Страница выложена без учета абсолютно позиционированного объекта. Перемещение объекта с абсолютным позиционированием не вызывает перекомпоновки других объектов.

Перемещение объекта с абсолютным позиционированием приведет к тому, что его дочерние объекты будут двигаться вместе с ним. Он не перезапустит их, они просто будут двигаться вместе со своим родительским контейнером.

Answer 2

Для элемента с абсолютной позицией это не должно влиять на поток документов, и поэтому изменение его позиции не должно приводить к перекомпоновке (ретрансляции) дерева dom страницы, но если вы тестируете этот простой случай с ChromeDevTools, мы видим, что это действительно вызывает ретрансляцию (весь документ), хотя и в очень короткое время.Возможно, движок рендеринга не рассматривал его как особый случай.