有几种定位方式，分别是如何实现定位的，使用场景如何？

• CSS 有三种基本的定位机制：普通流（文档流）、浮动和绝对定位。
  position属性共有四种取值：

  1. static：默认值，即正常文档流的表现形式，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
  2. relative：相对定位，对于其原本位置进行定位，但是其原来所占用的空间依然存在，即不脱离文档流。如”left:20px” 会使元素的left距离原来的位置添加 20 像素。
  3. absolut：绝对定位，相对于 static 定位以外的第一个父元素进行定位。脱离文档流，不占据空间，元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定
  4. fixed:绝对定位，脱离所有元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

absolute,relative,fixed偏移的参考点分别是什么

• absolute偏移的参考点除static 定位以外的第一个父元素进行定位
• relative相对于其正常位置进行定位
• fixed相对于浏览器窗口进行定位

z-index 有什么作用? 如何使用?

• z-index属性表示一个元素在叠加顺序上的上下立体关系，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。默认值auto，堆叠顺序与父元素相等。
• 只能用在定位元素上，元素脱离文档流时表示显示的层叠顺序