Положите div точно за другим

Я хочу поставить .image именно за .description-wrap. Я пробовал использовать отступы и поля, чтобы сосредоточиться, но не идти.Положите div точно за другим

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

https://jsfiddle.net/vsdLk90s/

источник

2015-07-21 user2252219

Вы просто хотите наложить один элемент на другой? – DavidG

@DavidG Yup. Я просто хочу, чтобы изображение было точно под текстом. У меня есть несколько примеров этого, которые должны произойти. – user2252219

Так что дайте элементу 'description-wrap' стиль' position: absolute; ' – DavidG

Я сделал некоторые изменения в свой код и объяснил их в комментариях.

.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

источник

2015-07-21 00:46:16

Положите div точно за другим

ответ

Смежные вопросы