相对定位（relative）和绝对定位（absolute）

        以前一直搞不清楚这两个究竟是怎么样的一回事，总觉得很难理解的，但是最近接触多了，也有点了解了。

        相对定位（relative）：不会让出自己占用的位置

        绝对定位（absolute）：会让出自己的占用位置

      <div class="contain">

           <div class="main"></div>

     </div>

css样式：

.contain

{

200px;

height:200px;

position:relative;

}

.main{

100px;

height:100px;

position:absolute;

top：20px;

left:30px;

}

这时main这个div就会在根据contain这个div来走，如果contain没有设置relative的话，那么main这个div就会跟着body(不知道对不会)走