持续调整浮动图片元素的尺寸会造成浏览器重排吗？
众所周知，为图片添加浮动属性后，周围文本会环绕显示。但如果不断修改已设置浮动的图片的宽高，是否会引发浏览器频繁重排？这关系到浏览器渲染机制中的重排（Layout）和重绘（Paint）。
答案是肯定的。修改浮动元素的尺寸会影响页面布局，从而触发重排。这是因为页面元素分层渲染，修改浮动元素的宽高直接改变其尺寸，浏览器必须重新计算所有受影响元素的位置和大小，这就是重排过程。 渲染流程图能直观地展现这一点：尺寸改变直接影响布局，导致重排。
为了验证，我们可以用代码测试。代码使用setInterval函数每隔三秒修改图片高度，模拟持续修改尺寸的操作。CSS选择器根据不同的data-height属性值改变图片高度。通过观察浏览器渲染过程，可以确认每次修改都会触发重排。
Document
如果将父元素.box设置为position: absolute;，则重排不再发生。因为绝对定位元素脱离文档流，其尺寸变化不影响其他元素布局。这再次证明了修改浮动元素宽高会触发重排。 使用浏览器开发者工具可以更精确地分析哪些CSS属性会触发重排和重绘，从而优化页面性能。
