css的三种定位方式是：1、相对定位，元素的位置相对于它的原始位置计算而来，语法“position:relative;”；2、固定定位，语法“position:fixed;”；3、绝对定位，语法“position:absolute;”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
相对定位
该元素的位置是相对于它的原始位置计算而来的。
position:relative;
他是默认参照父级的原始点为原始点，配合top、right、bottom、left进行定位。
立即学习“前端免费学习笔记（深入）”；
相对定位 onetwothreefour
固定定位
被固定的元素不会随着滚动条的拖动而改变位置。
position:fixed;
在默认情况下，固定定位元素的位置是相对浏览器而言，结合top、bottom、left和right这4个属性一起使用。
UQ云商B2B2C系统
下载
UQCMS云商是一款B2B2C电子商务软件 ，非常适合初创的创业者，个人及中小型企业。程序采用PHP+MYSQL,模板采用smarty模板，二次开发，简单方便，无需学习其他框架就可以自行模板设计。永久免费使用，操作简单，安全稳定。支持PC+WAP+微信三种浏览方式，支持微信公众号。
固定定位 div元素固定定位的div元素
绝对定位
position:absolute;
默认情况下，绝对定位的位置是相对于浏览器而言，配合top、right、bottom、left进行定位。
绝对定位 onetwothreefour
z-index
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
- 元素可拥有负的 z-index 属性值。
- Z-index 仅能在定位元素上奏效（例如 position:absolute;）
属性值： auto：默认，堆叠顺序与父元素相等。 number：设置元素的堆叠顺序。 inherit：规定应该从父元素继承 z-index 属性的值。
例： 设置图像的 z-index：
img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}（学习视频分享：css视频教程）
