HTML5基础归纳（3）--定位简述

关于定位可分为绝对定位（absolute）、相对定位（relatIve）、固定位置（fixed）、默认值（static）。

1、绝对定位：position:absolute;

绝对定位是脱离了原来的文档流移动的，根据父元素来定位的，若是父元素不存在，就根据html来定位

2、相对定位：position:relatIve;

相对定位是根据上个盒子来说，根据文档流中原来的位置移动，即相对自己原来的位置偏移

3、固定位置：position:fixed;

对象定位遵从绝对定位方式，根据浏览器窗口定义自己的位置

4、默认值：position:static;

默认值，无特殊定位

只要position不是static，都是包含快，包含快是定位的基础

两个元素都是绝对定位时，没有设置z-index的话，会根据html中的位置显示，z-index是用来设置对象或检索对象的层叠顺序的，其用法为：z-index：auto/number（无单位数值，可为负数）

绝对定位和相对定位的区别：

1、绝对定位参照物都是包含快，相对定位时参照物本身

2、绝对定位脱离文档流，不占空间；相对定位破坏文档流，无论是否移动，元素依旧占空间