position的一些不一样的理解

position的取值有4个，分别为：static, relative, absolute, fixed;

默认为static，这个没什么问题！！

relative：相对自己的位置偏移

absolute:相对于最近的非static的父类元素进行定位

fixed:相对于浏览器视窗定位

 

绝对定位元素：

如果position不是static或者relative，那就是绝对定位元素

 对于绝对定位方案，盒常常规流中被移除，不影响常规流的布局，它的定位是相对于它的包含块，坐标定位可以通过top,bottom,left,right来定位，也可以通过px来定位！！

固定定位（fixed）也是绝对定位元素，但是它的包含块是窗口，当页面滚动时它固定在屏幕上，因为视窗没有动！