如果元素的位置是绝对的,浏览器是否会渲染回流？

Question

如果我有一个绝对位置的元素,我改变它的左边,顶部位置将回流到它的父母孩子？如果它们没有受到影响,那么它自己的孩子怎么样呢,因为它们也被左轴和上轴绝对定位？

如果我更改元素的宽度/高度但在父级和子级中没有重要性？

Answer 1

具有绝对位置的对象不会影响页面的布局.布局页面而不考虑绝对定位的对象.移动绝对定位对象不会导致其他对象的任何重排.

移动具有绝对定位的对象将导致其子对象随之移动.它不会回流它们,它们将与它们的父容器一起移动.

Answer 2

对于具有绝对位置的元素，它不应该影响文档流，因此它的位置更改不应该导致页面 dom 树的回流（重新布局），但是如果您使用 Chrome DevTools 测试这个简单的情况，我们可以看到它确实会导致重新布局（整个文件）尽管在很短的时间内。可能渲染引擎没有将其作为特殊情况处理。