將div正好落後於另一個

Question

我想將.image正好落後於.description-wrap。我試過使用填充和邊距來居中，但沒有去。

.image img { 
display:block; 
margin: 0 auto; 
width:30%; 
bottom:100px 
} 

https://jsfiddle.net/vsdLk90s/

Answer 1

我已經做了一些改動你的代碼，並在註釋中解釋它們。

.image { 
    position: absolute; /* Out of flow of current structure */ 
    width: 70%; /* To regain the width of previous layout */ 
    margin-top: -15%; /* Align it vertically */ 
    z-index: -1; /* Priority reordering, place the image underneath the text */ 
} 

JSfiddle