No layout da resposta, devemos ter cuidado com a largura e a altura dos atributos de largura e altura dos elementos do iframe, mas quando a largura ou a altura do bloco ou altura é menor que a largura ou a altura do iframe, o fenômeno do iframe O elemento transborda do
Este iFrame transbordante destruirá o layout da página. Podemos usar uma maneira de fazer com que os elementos do iframe também respondam e espere e ver.
SoluçãoO próprio elemento iframe não pode ser retraído, a menos que a largura exibida pelo JS seja exibida. Mas podemos embrulhar o iframe através de um elemento iframe-container e, ao mesmo tempo do elemento iframe-container.
De fato, a essência desse método está em definir a propriedade do fundo de preenchimento do elemento IFRame-container. Como a definição de uma porcentagem para o fundo de preenchimento é comparada à largura do elemento pai, se a porcentagem do atributo de altura for definida, ele será comparado à altura do elemento pai. Só pode definir atributos para o fundo de preenchimento. Dessa forma, você só precisa fazer elementos iframe cheios de iframe-container.
Código de cópia