Как позиционировать изображение в контейнере div по нижнему краю?

Есть div и в нем img с бутстраповским классом .img-responsive Как заставить изображение прижиматься не к верхнему краю div (на рисунке слева), в котором он находится, а к нижнему без использованияposition: absolute? (на рисунке справа)

P.S. Пояснение класса .img-responsive
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}



Примерная схема для понимания:
dd45ad7eb8ae48448fb859822871d675.jpg
  • Вопрос задан
  • 345 просмотров
Решения вопроса 1
@ambrazhey
Начинающий верстальщик
display: flex, margin-top:auto
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen Куратор тега CSS
JavaScript developer. IonDen.com
Сделать изображение фоном. У вас будет больше конроля над ним:
background-size: cover;
backgroind-position: 0 100%;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы