當定位一個具有相對定位的div時，是否有辦法讓下一個div「流」到前一個div現在所在的位置？

Question

作爲任意的例子中，如果我有兩個div s的圖像中間然後作爲這樣，

<div class="section1"> 
     <h2>Stuff in section one</h2> 
</div> 
<img src="../img/logo.png" class='myimg'> 
<div class="section1"> 
     <h2>Stuff in section two</h2> 
</div> 

<div class="section2"> 
    <div class="container"> 
     <h2 style="color:white">Stuff in section one</h2> 
    </div> 
</div> 

並說我希望顯示圖像作爲一個塊，並且通過20個像素向上調整。

.myimg{ 
    position: relative; 
    display: block; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    bottom: 20px; 
    margin-right: auto; 
    margin-left: auto; 
} 

工作正常，但現在section2格開始，在此圖像應該已經 - 20像素以下的地方實際上是。

有沒有一種方法，使（的情況下section2）的下一個元素來之前一個相對定位元素的「感知」，所以它開始的地方那個元素實際上結束？

Answer 1

使用負上邊距來代替：

http://cssdeck.com/labs/n3tbf9ro

.myimg{ 
    display: block; 
    margin-top: -20px; 
    margin-bottom: 0px; 
    margin-right: auto; 
    margin-left: auto; 
} 

或獲取一個元素上擺脫下邊距：

http://cssdeck.com/labs/lsnlxk8i

.section1 :last-child { 
    margin-bottom: 0; 
}