将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