devalone
@devalone
̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻

CSS. Как сделать, чтоб блок занимал всё пространство родителя?

Имеется блок с фиксированной шириной и высотой и внутри него блок с неизвестной высотой и шириной, нужно позиционировать внутренний блок так, чтобы он занял всё пространство как-то так https://jsfiddle.net/vngmyntr/ Т.е. если у внутреннего ширина больше высоты, то ставим высоту родителя, а ширину авто и наоборот. Желательно без JS.
P.S. вариант с фоном не предлагать, должен позиционироваться в том числе блок video
  • Вопрос задан
  • 1438 просмотров
Решения вопроса 2
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Вам нужно свойство object-fit. Правда для IE все-таки нужен полифилл.
Ответ написан
@Drovosek01
Нужно для img в контейнере задать max-width: 100% и max-height: 100% и картинка сама растянется под размеры контейнера.

https://jsfiddle.net/cdr2k7j6/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Откройте для себя flexbox, и тогда вопросы отпадут.
Ответ написан
Ваш ответ на вопрос

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

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