关于浏览器重排的一些疑问

Question

1. 为什么获取元素的width、clientWidth等属性会引起重排呢？我只是获取但并没有去改变他额(⊙o⊙)…
2. 当父级元素的宽高等一切属性都确定了并且有overflow:hidden等限制，改变子元素的宽高会引起浏览器重排么？（因为“看起来”浏览器是可以知道子元素的宽高变化并不会影响到后面元素的布局的。。）
3. 有没有可以监测浏览器发生重绘、重排的调试工具？以方便更清楚的了解页面的渲染效率等等~

Answer 1

重排reflow，又叫回流，是指浏览器为了重新渲染部分或者全部的文档而重新计算文档中元素的位置和几何构造的过程。只要有offsetwidth、offsetheight等计算，肯定会有回流。