当一个盒子按照正常流或浮动放置时，它可能会相对于这个位置移动，这称为相对定位。相对定位的框在常规流中保持其大小，包括换行符和空格。相对和绝对、固定相对和绝对的关系保持不变。例1中，绝对元素的top/left:0位于浏览器窗口角的左上角，相对父元素的绝对元素的top/left:0设置在相关元素的左上角。例2中，相对元素与绝对元素同级时，z-index:2，后者覆盖前者元素。当相对元素嵌套绝对元素时，相对元素的z-index元素决定堆叠顺序，绝对元素的z-index无效。例3中普通div元素设置的overflow:hidden对子元素为absolute的元素无效，而setrelativediv元素设置overflow:hidden可以在子元素absolute生效，也就是说,relative可以：limitleft/top/right/bottompositioninglimitz-indexlevellimit在overflow下无效，而对于fixed，relative只能限制z-indexlevelrelativeandpositioningrelative和自己的定位在例1中，设置后left/top:0，相对元素不会改变，但设置left/top:100px后，元素会相对于自身Right和down分别偏移100px。例2中，第二张图片position:relative;left:-999em;，虽然不可见，但是保留了它的位置。例3中，一个relative元素同时设置top/bottom:100pxorleft/right:100px，起作用的是left:100px,top:100pxrelativeandz-indexrelative和z-index的关系在例子中1、设置relative的元素层级高于普通元素例2中，当relative元素与absolute元素处于同一层级时，z-index:2，后者覆盖前面的元素。相对元素和绝对元素嵌套时，相对元素的z-index决定堆叠顺序，绝对元素z-index失效例3中z-index:auto的优先级低于z-index:1。至于子元素的重叠，需要计算子元素的z-order来确定相对最小化的原则。当可以单独使用absolute解决问题时，不要使用relative。如果有偏差，您可以使用保证金。当必须使用relative时，必须保证作用范围最小。
