position定位

一、fixed绝对定位

        fixed生成绝对定位的元素，相对于浏览器窗口（或手机等终端窗口）进行定位。元素的位置通过“left”、“top”、“right”、“bottom”属性进行规定。基于浏览器窗口（或手机等终端窗口）浮动于文档流之上，随着滚动一直停留在屏幕之中。

二、absolute绝对定位

         absolute生成绝对定位的元素，元素的位置通过“left”、“top”、“right”、“bottom”属性进行规定。在没有使用 “left”, “top”, “right” 以及 “bottom” 属性之前，基于文档流的位置停留在在文档流之外，随着滚动并不一直停留在屏幕中。在使用 “left”, “top”, “right” 以及 “bottom” 属性之后，位置就不是基于文档流时候的位置，而是根据这些设置的属性基于整个屏幕的位置确定的。随着滚动并不一直停留在屏幕中。

三、relative相对定位

         生成相对定位的元素，相对于其正常位置进行定位。因此，”left:20” 会向元素的 LEFT 位置添加 20 像素。

四、static默认定位

          默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。