css position详解

postion：元素定位（默认为static）

  由top  right  bottom right来设定位置

（1）absolute：绝对定位（浏览器都支持）

当元素为绝对定位时，元素会脱离当前文档流，下面的元素会顶上来，会以第一个position非static的父级定位，如果没有父级元素则以浏览器窗口定位。不管是否为块级元素都不独占一行都可以设置宽高，调整位置时可能会覆盖其它元素。

（2）relative：相对定位（浏览器都支持）

当元素为相对定位时，元素不脱离当前文档流，占据原来位置，以原来的位置定位。该元素仍旧是原来的display特性，调整位置可能会覆盖其他元素。

（3）fixed：固定定位（浏览器都支持）

当元素为固定定位时，不设置位置时，会在父级元素上。不管元素是不是块级元素都不占一行都可以设置宽高，调整位置时可能会覆盖其它元素。

（4）inherit：继承父级元素的定位（除IE外的浏览器都支持）

注意：当父级元素为绝对或者相对定位时设置宽高：子元素会根据以上定位特性定位。

   当父级元素为绝对定位/相对定位没有设置宽高时：父级元素宽度为子元素最宽的一个，子元素保持原来的特性。