定位

1、相对定位position:relative;

相对定位，就是微调元素位置的。让元素相对于原来的位置，进行位置调整。

相对定位不脱标，其实位置是在老家，只不过影子出去了，可以到处飘。它原本的位置会一直存在，不会被其他盒子占据。

用途：

　　相对定位有坑，所以一般不用于做“压盖”效果。页面中，效果极小。就两个作用：

　　（1）微调元素

　　（2）做绝对定位的参考，子绝父相

效果如下：

　　

2、绝对定位position:absolute;

　　绝对定位的盒子，是脱离标准文档流的。所以，所有的标准文档流的性质，绝对定位之后都不遵循了。

　　绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block;就可以设置宽、高了。

　　子绝父绝、子绝父相、子绝父固，都是可以给儿子定位的。但是，工程上子绝、父绝，没有一个盒子在标准流里面了，所以页面就不稳固，没有任何实战用途。工程上，“子绝父相”有意义，父亲没有脱标，儿子脱标在父亲的范围里面移动。

3、固定定位

　　固定定位就是相对于浏览器窗口定位。无论页面如何滚动，这个盒子显示的位置不变（返回顶部按钮、导航栏）

　　固定定位会脱离标准文档流