Задать вопрос
LazyNick7
@LazyNick7
html

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

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

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



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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Модель управления электродвигателем в Matlab, Simulink
24 апр. 2024, в 06:52
5000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы