常用的CSS定位方式有
- relative
- absolute
- fixed
relative
相对定位。相对于元素本来的位置定位，参照点是自身原来的位置，移动后视觉位置发生改变，但是它在文档流中的位置不变，对其他元素不产生影响。主要应用：微调自己的位置，为子元素的绝对定位提供参考点。
absolute
绝对定位。相对于最近的那个已经定位的祖先元素定位（非static定位），如果找不到，就以根元素 html 定位。主要应用：希望以其他元素作为参考点来定位时候。
fixed
固定定位。以视窗为参考点的定位，当页面上下拉动的时候，fixed定位的元素就视窗上不动。主要应用场景：希望元素一直展现在视窗上不移动。
