标签：
1、关于css中的position属性
position 属性设置或返回用于元素定位方法的类型static（静态的）、relative（相对的）、absolute（绝对的）或 fixed（固定的）以及inherit（继承的）
2、各属性的说明
2.1、static：position属性的默认值。位置设置为 static 的元素，它始终会处于页面流给予的位置进行定位，
2.2、asolute：position 为 absolute 的元素，定位的元素为position不为static的最近父元素，否则为body本身此元素的位置通过 属性来规定
2.3、fixed：position 为 fixed 的元素，相对于浏览器窗口的指定坐标进行定位。不论窗口滚动与否，元素都会留在那个位置。（IE8及以下不支持，需要特殊处理）
2.4、relative：position 为 relative 的元素，可将其定位于相对于其正常位置的地方
2.5、inherit：position 属性的值从父元素继承。（IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"）
3、辅助属性说明
3.1、对于position来说，以上五个值决定其定位的方式，但是确定定位方式之后，需要用到 "left"、"top"、"right" 以及 "bottom"这几个辅助属性值进行精确的定位
3.2、static 元素会忽略任何 top、bottom、left 或 right 声明，所以一般的元素没有显示设置position属性时，其特性是默认的值为static，设置top、bottom、left 或 right是无效的。
3.3、对于同时设置了top和bottom或者同时设置了left和right的元素，会忽略bottom和right
3.4、relative是基于其本身元素的margin的左上侧进行定位的，而absolute是基于可以定位的parent的padding左上侧定位的
4、position影响文档流
4.1、position 设置了absolute和relative的值都会脱离文档流，而设置了absolute的元素脱离文档流之后，其他元素会填补其位置，设置了relative值得元素，虽然脱离文档流，但其仍占据原来的位置，其他元素是不会进行填充空位的
5、关于设置position影响滚动条
5.1、当元素的position设置了absolute 和 relative值时，窗口缩小到不可见这个元素时，会产生滚动条，而设置了fixed的不会产生滚动条
标签：
原文地址：http://www.cnblogs.com/heiloo/p/4604854.html
