javascript - 如果元素的位置是绝对的，浏览器的渲染是否会重排？

Question

如果我有一个具有绝对位置的元素并且我将其更改为左侧并且顶部位置将重排到它的父子级？如果他们自己的孩子不受影响，因为他们也被左轴和上轴绝对定位，那么他们自己的孩子呢？

如果我改变了一个元素的宽度/高度，但在父级和它的子级中并不重要？

Answer 1

具有绝对位置的对象不会影响页面的布局。页面的布局不考虑绝对定位的对象。移动绝对定位的对象不会导致其他对象的任何回流。

以绝对定位移动对象将导致其子对象随之移动。它不会重排它们，它们只会随着它们的父容器一起移动。

Answer 2

对于具有绝对位置的元素，它不应该影响文档流，所以它的位置变化不应该导致页面的 dom 树的 reflow(relayout)，但是如果你用 Chrome DevTools 测试这个简单的案例，我们可以看到它确实会导致 relayout （整个文件）虽然在很短的时间内。可能渲染引擎没有将其作为特例处理。