Tengo un iframe que me gustaría alinear perfectamente dentro del contenedor de mi sitio web. En este momento, todavía hay un borde cuando inspecciono el contenedor que contiene el elemento iframe:

El iframe está incrustado de la siguiente manera:

 <style> iframe { width: 100%; min-height: 500px; } </style> <iframe id="myIframe" frameborder="0" height="100%" width="100%"src="path_to_my_file"></iframe>

También me gustaría que la altura del iframe se ajuste automáticamente a la altura del contenedor. Eso significaría que tendría que ajustarse cada vez que cambie el tamaño de la ventana, por lo que probablemente necesitaría un método javascript. ¿Hay una manera eficiente de lograr eso?