为什么设置位置:相对而不改变位置？

Question

我正在学习CSS,我想知道为什么我们设置位置:相对即使我们没有设置具体位置,例如left: 20px,top: 10px.下面是一个css代码示例.

#home #header {
    position: relative;
    width: 822px;
    height: 152px;
    margin: 0 19px;
    padding: 0;
    overflow: hidden;
}

#header {
    position: relative;
    width: 822px;
    height: 152px;
    margin: 0 19px;
    padding: 0;
    overflow: hidden;
    background: url(img/bg-content-wrap-top-int.png) no-repeat center bottom;
}

Answer 1

通常是以下三个原因之一:

• 要影响元素的堆叠方式(当您定位具有或不具体的元素时,它会发生变化z-index).请参阅https://developer.mozilla.org/en/understanding_css_z-index
• 正如Niklas Ringdahl所提到的,position:absolute如果父母的话,里面的元素将相对于父母position:relative.见http://css-tricks.com/absolute-positioning-inside-relative-positioning/
• 确保根据需要应用其他属性或修复故障(作为"黑客").这是出于与IE相关的几个原因.