position布局

Position布局分为以下几种

• static
  默认布局，没有定位
• absolute
  绝对定位，如果一个元素绝对定位后，其参照物是以离自身最近元素是否设置了相对定位，如果有设置将以离自己最近元素定位，如果没有将往其祖先元素寻找相对定位元素，一直找到html为止。
  元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
• relative
  相对定位，相对于自身原本位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
• fixed
  相对定位，它和absolute的区别在于，fixed是相对于浏览器窗口进行定位。
  元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
• inherit
  规定应该从父元素继承 position 属性的值。