一、定位position（导航栏、轮播图）

一、position:relative （相对定位）

       应用：对一个元素进行相对定位，它将出现在它所在的位置上，relative:它定位的方式为相对于自己之前的默认的位置,

 

 

二、position:absolute（绝对定位）（默认父级窗口）

 

absolute:它向上一层一层的找自己的父元素,然后看他们的position属性,谁的position属性不是static他就以谁为标准偏移.

如果一直没有的话就会找到body，body也不是的话,但是已经是最后一层了,所以他就只能以body的初始位置为基准了.

这就是之前为什么没对齐的原因.注:(所有的块属性的position默认为static)

 

 

   应用：轮播图两边快进，以及下面轮播点

 

   使用方法：先设置父级div并用position:relative （相对定位）定位，然后子模块（position:absolute）则相对父级div定位

 

 

三、position: fixed（固定定位）

  应用： fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，上下左右导航栏应用

 导航栏：position:relative(相对定位) 会覆盖 position: fixed（固定定位），需要通过z-index: 值；设置谁覆盖谁

  z-index 为 0 的节点与没有定义 z-index 在同一层级内没有高低之分;

但 z-index 大于等于 1 的节点会遮盖没有定义 z-index 的节点; z-index 的值为负数的节点将被没有定义 z-index 的节点覆盖.

 

 导航栏z-index:1

 

 导航栏没有设置z-index: