1.关于CSS百分比
1 | 百分比单位始终根据父元素相应值来计算 |
这是错误的，一时间说不出所有的情况，就举两个特例：
\1. line-height 的百分比是相对于自身的字体大小
\2. position: fixed 元素（如宽高等）的百分比是相对于视口的
2.常见的块级元素有：（自动换行，可设置高宽）
div、h1-h6、p、pre、ul、ol、li、form、table、labal等。
常见的行内元素：（无法自动换行，无法设置宽高）
a、img、span、i、em（强调）、sub（下标）、sup（上标）等。
常见的行块级元素：（拥有内在尺寸，可设置宽高，不会自动换行）
button、input、textarea、select、img等。
3. 回流必将引起重绘，重绘不一定会引起回流。
会导致reflow回流的操作：
1.改变窗口大小
2：改变文字大小
3：内容的改变，如用户在输入框中敲字
4：激活伪类，如:hover
5：操作class属性
6：脚本操作DOM
7：计算offsetWidth和offsetHeight
8：设置style属性
一些常用且会导致回流的属性和方法：
clientWidth、clientHeight、clientTop、clientLeftoffsetWidth、offsetHeight、offsetTop、offsetLeftscrollWidth、scrollHeight、scrollTop、scrollLeftscrollIntoView()、scrollIntoViewIfNeeded()getComputedStyle()getBoundingClientRect()scrollTo()
