定位
相对定位：relative 相对于自己原来的位置，不会脱离文档流，不会对相邻元素位置产生影响，也不会改变元素原有的显示模式，可以与浮动一起设置。
绝对定位：absolute 相对于第一个定位的祖先元素的内边距来定位（从父元素开始网上找），如果没有定位的祖先元素，则相对于整个页面定位。
绝对定位的特点：
1、会脱离文档流
2、不管元素原来是什么显示模式，都会被设置为绝对定位元素。绝对定位下元素浮动不生效。
3、1. 默认宽度都是被内容撑开，不存在外边距塌陷和合并
2. 宽高、内外边距都可以设置
3. 不会被父元素作为文本
固定定位：fixed 相对于视口进行定位
固定定位的特点：
1、会脱离文档流
2、不管元素原来是什么显示模式，都会被设置为固定定位元素。固定定位下元素浮动不生效。
3、1. 默认宽度都是被内容撑开，不存在外边距塌陷和合并
2. 宽高、内外边距都可以设置
3. 不会被父元素作为文本
定位的显示层级是一样的，跟它们的顺序有关，元素顺序越往下显示越靠上。
当定位元素的父元素或者祖先元素有定位且设置了index-z,如果父元素的index-z值比其它定位元素值低，那么该元素的显示层级就低。
