定位

static静态定位	不脱标	-	无定位（默认）
relative相对定位	不脱标	占位置	参照原来的位置
absolute绝对定位	脱标	不占位置	参照带有定位的最近的父元素
fixed固定定位	脱标	不占位置	参照浏览器可视区
sticky粘性定位	不脱标	占位置	参照浏览器可视区

注意：

1.绝对定位如果没有父元素或者父元素无定位，则以浏览器可视区为参照

2.固定定位是特殊的绝对定位

3.粘性定位必须添加边偏移其中一个才有效，IE不支持

子绝父相的由来：：

1.子级不能影响兄弟元素，所以用绝对定位（不占位置）

2.要使子级在父级内显示，则父级要加定位

3.因为父级要占位置，所以父盒子只能是相对定位

z-index:

1.不加单位

2.与定位配合使用

定位的特性：

1.行内元素添加绝对或者固定定位，可以直接设置宽高

2.块级元素添加绝对或者固定定位，如果不给宽高，默认大小是内容的大小

3.浮动，绝对定位，固定定位的元素不会触发外边距合并问题（脱标的盒子）