Полноэкранный iframe с высотой 100 %

Запрос:

Поддерживается ли высота iframe = 100 % повсеместно через браузеры? При использовании XHTML1 в качестве типа документа будет ли iframe высотой 100% занимать оставшуюся высоту страницы (исключая фрейм фиксированной высоты 50 пикселей вверху)? Кроме того, как можно полностью скрыть полосы прокрутки при автоматической настройке высоты iframe?

Ответ:

Хотя можно использовать наборы фреймов, приведенные примеры демонстрируют альтернативные методы реализации полноэкранный iframe высотой 100 %:

Другой option:

Чтобы подавить полосы прокрутки с помощью следующих подходов:

Альтернативный метод:

В этих примерах родительскому элементу назначается overflow: скрытый, чтобы скрыть полосы прокрутки. При увеличении iframe до 150 % от его исходных размеров полосы прокрутки вытесняются за границы страницы. В результате отсутствие полос прокрутки в теле не позволяет iframe выходить за пределы страницы. Эта стратегия эффективно скрывает полосы прокрутки iframe, обеспечивая при этом отображение во всю ширину.