定位position的详解

平时调样式比较多，当遇到元素位置需要调整的时候，都是抱着试一试的心态。因为自己也不确定那种写法可以把位置放对。今天，正好有空，就来总结一下关于定位的问题。

这里放一个链接是w3c关于定位的教程：http://www.w3school.com.cn/cssref/pr_class_position.asp

我们先从absolute说起

1.absolute 绝对定位。他是以浏览器的左上角为原始点配合TRBL（top，right，buttom，left）来实现定位。一般来讲，absolute用的并不多，因为我们的显示屏大小不一样，所以现在的网页显示都是按比例来显示的。所以，absolute用的并不多。

2.relative 相对定位。他是以父级元素的原始点为原始点配合TRBL来实现定位的，如果没有父级元素就以浏览器的左上角为原始点配合TRBL来实现定位。这个是我们平时用的比较多的。

3.fixed 固定定位。这里的参照对象是可视窗口，不是浏览器或父元素。

4.static 静态（默认值）。这个不支持z-index。其他三个都支持z-index