css中的position定位详解

position可以取四个值：static、relative、absolute、fixed。

static是盒子的默认的定位方式，即标准流方式。

relative：它的定位基准是该盒子的标准流定位，即相对于标准流定位再进行偏移。如果某个盒子采用这个定位了，则它不会影响其父盒子的定位、对它后面的兄弟盒子而言，兄弟盒子则认为它任然在标准流定位的的地方，即认为它没有进行偏移。

absolute：它的定位基准是该盒子的最近已经定位的祖先盒子（意思是该祖先盒子的position属性的值不是static而是relative、absolutel、fixed其中一个）。如果它的祖先盒子都没有改变position属性值（即都是采用默认值static）则它的定位基准是浏览器的屏幕。它对后面的兄弟盒子而言，兄弟盒子当它不存在了。在它的几个偏移值中，如果有没有进行设置的（即为零的）则保持它的标准流中的位置值。