iframe de tela cheia com altura de 100%

Consulta:

A altura do iframe=100% é universalmente compatível entre navegadores? Ao usar XHTML1 como tipo de documento, um iframe com altura de 100% ocupará a altura restante da página (excluindo um quadro de altura fixa de 50px na parte superior)? Além disso, como as barras de rolagem podem ser completamente ocultadas enquanto a altura do iframe é definida automaticamente?

Resposta:

Embora conjuntos de quadros possam ser empregados, os exemplos fornecidos demonstram métodos alternativos para implementar um iframe de tela inteira com altura de 100%:

Outro opção:

Para suprimir barras de rolagem usando estas abordagens:

Método alternativo:

Nestes exemplos, o pai recebe overflow: hidden para ocultar as barras de rolagem. Ao ampliar o iframe para 150% de suas dimensões originais, as barras de rolagem são forçadas a ultrapassar os limites da página. Como resultado, a falta de barras de rolagem no corpo impede que o iframe se estenda além dos limites da página. Essa estratégia oculta efetivamente as barras de rolagem do iframe, permitindo a exibição em largura total.