position 有三个值，static（静态）、relative（相对）、absolute（绝对）；由于static是所有页面元素的默认值，因此设置元素的定位类型时几乎不用这个值，除非用于覆盖之前的定义。 对于后两者，一般应用：在一个相对定位的元素里面放置一个绝对定位的元素，如图：

)。值得注意的是，此时元素A的margin，margin将作用于该元素的原来位置，由于原位置产生偏移，该元素的最终位置将是margin与top、right、bottom、left共同作用后的位置，并且其周围元素的位置也将产生影响。 回过头来再看看 relative 里面的absolute，比如上面的A、B两个元素，如果两个元素都设置了top、right、bottom、left，对于元素B来说，其位置偏移的参考点是元素A偏移后的位置，不是元素A的原位置，同样，如果元素B有margin，其参考点也是元素A偏移后的位置，这点很重要，这才是absolute的概念()。  

效果呢？关于两者之间又有什么样的技巧呢？属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。自动适应的，而Absolute则会以浏览器的左上角为原始点，不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似，但是还是有本质的区别的。意思是属性时，当前级的原始点则参照父级内容区的原始点进行定位。

原文链接：https://www.f2er.com/css/74655.html

• 上一篇：CSS布局中关于WEB标准的一些经验下一篇：网页中的meta标签的作用