1.position(定位)，重要
position有五种属性，分别为
static（静态定位）
元素正常地位于页面上，不会受top、bottom、left、right等属性的影响
fixed（固定定位）
元素的位置相对于浏览器窗口是固定位置，即使窗口被滚动，它也会始终停留在同一的位置上。
relative（相对定位）
元素相对于其正常位置进行定位。这意味着你可以通过top、bottom、left、right等属性将元素相对于其原始位置进行移动相,对定位是相对于元素在文档流中的原始位置进行定位的
absolute（绝对定位）
元素的位置相对于最近的已定位的祖先元素（而非正常文档流）。如果没有已定位的祖先元素，那么它的位置就相对于最初的包含块
sticky（粘性定位）
元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位，这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。
注：由于绝对定位的特性，我们经常和相对定位一起使用，即子绝父相(父元素为相对定位，子元素为绝对定位)
绝对定位，固定定位，浮动，都脱离正常文档流
由此也可引出一种布局即定位布局
定位布局（Positioning Layout）通过position属性和top、right、bottom、left等属性，可以将元素精确地定位在页面上的指定位置
