Iframe internal element is out of iframe area

< H2 > question < / H2 >

I have an iframe, nested in the parent page. When the iframe operates, the iframe location remains the same, but the internal elements are outside the iframe area.

< H2 > iframe layout < / H2 >
  


< H2 > Development environment < / H2 >
  • Chrome: version 66.0.3359.117 (official version) (64-bit)
Mar.09,2021

example

you can see that the contents of this column have not been exceeded.


try again, this is really not the problem of iframe, it should be the problem of the content of your page


< H2 > solution < / H2 >
  1. after an attempt, the box-shadow style of iframe is removed to solve the problem.
  2. to preserve shadows, wrap iframe with shadow-styled div
< H2 > remaining problems < / H2 >

box-shadow what is the reason for the dislocation of elements within iframe?

Menu