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

时间:2011-09-07 18:09:53

标签: javascript performance dom browser reflow

如果我有一个具有绝对位置的元素并且我将其更改为左侧,顶部位置将重新转换为其父级子级?如果它们没有受到影响,它们自己的孩子怎么样呢,因为它们也被左轴和上轴绝对定位?

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

2 个答案:

答案 0 :(得分:14)

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

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

答案 1 :(得分:2)

对于具有绝对位置的元素,它不应该影响文档流,因此它的位置更改不应该导致页面的dom树的重排(重新布局),但如果你使用Chrome DevTools测试this simple case,我们可以看到它真的导致重新布局(整个文件),但在很短的时间内。可能渲染引擎并没有把它作为一个特例来处理。