position定位

static：静态定位，元素的默认定位方式，它简单的遵从页面文档的普通流动(flow)，当元素是静态定位的时候，top和left属性无效；

relative：相对定位，该定位方式与静态定位相似，因为元素会继续遵从页面文档的普通流动(flow)，除非受到其它指令的影响。但是，设置top,left属性会引起元素相对于它的原始（静态）位置进行偏移。

absolute:绝对定位，绝对定位的元素完全跳出页面布局的普通流动，它会相对于它的第一个非静态定位的祖先元素而展示，如果没有这样的元素，则相对于整个文档。

fixed:固定定位，固定定位把元素相对于浏览器窗口而定位，设置元素的top,left为0会导致它显示在浏览器的左上角，它完全忽略浏览器
滚动条的拖动，一直会出现在用户的视野中。

说明：
1.当页面设置了!DOCTYPE 时候，IE7及以后的版本支持fixed属性。
2.放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。（超出可视区域的就看不到了。）
position属性：