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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы