本文详细介绍了CSS中的position属性，包括absolute、fixed、relative和static等值的作用。重点讨论了absolute定位的原点，即相对于最近的非static定位祖先元素，并解释了如何计算偏移距离。通过实例解析了定位距离的计算方法，例如考虑了元素的边框、内边距和外边距对高度的影响，以及当top值小于元素总高度时的重叠情况。
position的值
- absolute
生成绝对定位的元素，相对于值不为static的第一个父元素进行定位。 - fixed（老IE不支持）
生成绝对定位的元素，相对于浏览器窗口进行定位。 - relative
生成相对定位的元素，相对于其元素本身所在正常位置进行定位。 - static
默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right,z-index声明）。 - inherit
规定从父元素继承position属性的值。
偏移属性
top | right | bottom | left
当偏移属性的值为百分数，是相对于包含块的宽高。
定位原点
relative定位的元素，是相对于元素本身所在的位置来进行定位。
absolute定位的元素，先找到绝对定位元素的一个position的值不为static的祖先元素，然后相对于这个祖先元素的左上角来定位。
定位距离
在计算定位距离的时候，从祖先元素的左上角开始算。
举个例子：
<div class
最低0.47元/天 解锁文章
1265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
