浏览器的渲染机制：浏览器采用了流体布局模型。浏览器会将html解析成Dom，将css解析成CSSDOM，然后通过render将两者合并成RenderTree，树根据给定的尺寸、位置、样式渲染页面上的各个节点。因为使用的是fluidlayout，所以通常只需要遍历rendertree一次（table除外，所以少用table）回流和重绘的关系：回流肯定会引起重绘，但是重绘不一定会引起回流。重排：当元素的大小和结构发生变化时，浏览器将重新渲染部分或全部文档。这个过程称为回流。会引起reflow的操作：页面第一次渲染，浏览器窗口大小改变，dom元素增删改，元素大小、位置、字体大小改变，元素的伪类被触发。例如：:hover（reflow也叫rearrangement，一个平坦的水池，挖了一个洞或者填了一块土，导致地形发生了变化，所以叫reflow/回流）Redrawing:Somestyle属性改变但不会影响页面的结构。,称为重绘。引起重绘的操作：改变元素的颜色，背景色..（重绘，即重绘）
