Задать вопрос
UnluckySerivelha
@UnluckySerivelha
css

Почему iframe не занимает 100% высоты?

Простейший пример: нужно растянуть iframe Яндекс.Карт на весь блок родителя. Но iframe вместо 100% высоты родителя занимает всего 150px. Почему так? Как переопределить?
  • Вопрос задан
  • 928 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
height: 100% у детей будет работать, если задать родительскому элементу четкое (эксплицитное) значение высоты.

min-height таким свойством не является. Оно не чёткое. Поэтому height: 100% работает внутри такого контейнера как height: auto.

Как один из вариантов,:
https://codepen.io/anon/pen/YgqEoJ

Таким методом удобно задавать соотношение сторон, кстати.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии