回流指的是浏览器重新计算元素在页面中的位置和大小的过程，而重绘是指将已经排版好的元素重新绘制到屏幕上的过程。通常情况下，回流必定触发重绘，但重绘不一定触发回流。
重绘触发回流的情况
据我们了解，没有关于重绘引起回流的案例。然而，以下方法可以帮助你观察回流和重绘：
使用 Performance 工具调试
使用浏览器的 Performance 工具，你可以跟踪页面渲染过程中的每一帧。在 Performance 面板中，选择 "Frames" 标签，然后在帧时间线上查找 "Layout" 和 "Paint" 事件：
- Layout 事件：表示页面发生了回流。
- Paint 事件：表示页面发生了重绘。
观察特定操作
还可以通过观察页面在特定操作下的行为来识别回流和重绘。例如：
- 调整窗口大小：调整浏览器窗口的大小通常会触发回流，因为浏览器需要重新计算元素的位置和大小。重绘也随之发生，因为修改后的布局需要重新绘制。
- 更改元素背景色：更改body元素的背景色通常会触发重绘，因为浏览器需要将屏幕上的元素重新绘制为新的颜色。但是，这不会触发回流，因为元素的位置和大小保持不变。
通过观察这些操作下的页面行为，你可以直观地了解回流和重绘发生的时机。
