我们先来看看CSS3 Api中对position属性的相关定义：static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，b

写在开篇：absolute说：“relative，我这辈子都不想看见你！”为什么呢？它们明明那么相亲相爱，形影不离，这之中到底发生了什么不为人知的故事，竟然让absolute如此讨厌relativ

一、绝对定位的特征绝对定位有着与浮动一样的特性，即包裹性和破坏性。就破坏性而言，浮动仅仅破坏了元素的高度，保留了元素的宽度；而绝对定位的元素高度和宽度都没有了。请看下面代码：XMLHTML Code复制内容到剪贴板<!DOCT

当position为absolue时候，其相关属性的百分比是相对它参考的元素（包含块）来进行计算并进行位置渲染的 。首先我们必须知道：1、[百分比的参照][1]：根据包含块计算百分值（1）元素的marginpaddingleft

HTML的relative与absolute区别：说实话html这门语言算的上是这个世界上最简单的一门语言了，标签语言嘛，就是标签多了点英文单词超多，不过都是有规律的比如文本类居中text-align:center;加粗text-weigh