Position位置属性-CSS3

学习笔记之position的使用
position常用属性和区别：
1、position: relative 【不脱离文档流】
（一般是设置给position:absolute；的父层的）

父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的,
不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素…

2、position: static【没有定位，元素出现在正常的流中】
（position的默认值）

也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static

3、position: absolute【脱离文档流】
【相对于 static 定位以外的第一个父元素进行定位】
（是相对于自己最近的父元素来定位的。）

relative是相对于自己来定位的。

4、position：fixed 【相对于浏览器窗口进行定位】

5、position：inherit 【从父元素继承 position 属性的值】