CSS中的position和z-index属性
css样式中的position属性定义建立元素布局的定位机制，而z-index 属性设置元素的堆叠顺序，两者配合使用通常被用来定义页面中弹层的布局。
- position详解
- z-index详解
- position和z-index组合定义弹层样式
position属性
position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移，它有4个不同类型的定位。
static
static是position属性的默认值，不需要开发者写出来，默认情况下，块级元素和行内元素按照各自的特性进行先后顺序显示。relative
relative相对定位，设置了这个属性后，元素会脱离文档流，而根据top，left，bottom，right进行偏移（以其原本位置为基准），关键点是它原本的空间仍然保留。absolute
一个元素被设置为绝对定位时，元素会脱离文档流，而根据top，left，bottom，right进行偏移（以其最近的有定位属性【relative、absolute、fixed】的父元素为基准），它原本占用的空间被删除。fixed
fixed的表现方式类似于absolute，但是相比于absolute相对于不确定的父元素进行偏移，fixed就是相对于浏览器窗口进行偏移。
z-index属性
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
z-index属性对设置了position属性（除static外）的元素生效，可以定义为正整数、负整数和0，默认的文档流中其默认值为0，值越大表示拥有越高堆叠顺序。
当父元素和子元素同时设置了position和z-index属性时（z-index都生效），父元素以外的节点元素的z-index不能设置在父元素和子元素之间（堆叠顺序不能插在父子元素中）。