Как прикрепить картинку к нижнему-правому углу родительского элемента?

Question

crescent @crescent

CSS

Как прикрепить картинку к нижнему-правому углу родительского элемента?

Есть вот такая структура

<div class="parent">
   <img src="...."/>
</div>

Картинка должна быть прикреплена к нижнему-правому углу родительского элемента и отстаять от границы его на 10px.
Впринципе у меня такое получалось. Но при изменении размера экрана у меня все слетает.
Также необходимо чтобы размер картинки был пропорционален размеру div.parent

У кого-нить есть какие решения??

Вопрос задан более трёх лет назад
3109 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2016-04-22 09:42:20

Вариант через относительное позиционирование: https://jsfiddle.net/glebkema/7Lpv0x3w/

.parent {
  padding: 10px;
}
img {
  position: relative;
  top: 80%; 
  left: 80%;
  height: 20%;
  width: 20%;
}

Как прикрепить картинку к нижнему-правому углу родительского элемента?

Войдите на сайт