iFrame: Автоматическое изменение размера ВЫСОТЫ до 100% в соответствии с содержанием

Question

Я провел много исследований, и я близок к тому, что хотел. Это iFrame, который я размещаю на первой странице моего веб-сайта. Источник - с другого сайта. Я хотел сохранить высоту до 100% или полную высоту, независимо от того, насколько короче или длиннее содержание содержимого iFrame.

ПРОБЛЕМА: Он не переходит на 100%.

РЕШЕНИЕ: Я нашел этот пост - Full-screen iframe with a height of 100%

РЕЗУЛЬТАТ: Я получаю там! Но это создало еще одну проблему. См. Рисунок ниже для демонстрации.
- КРАСНАЯ коробка - основное содержание или макет главной страницы.
- ЖЕЛТЫЙ номер iFrame.
- Голубая стрелка и линия, где должен находиться iFrame.

НОВАЯ ПРОБЛЕМА: Я на самом деле почти там, но вы видите, мой iFrame просмотрел содержание страницы. Он должен оставаться в синей линии. Я добавил родительский div в iFrame, чтобы я мог поместить позицию: относительный, но мой iFrame исчезает. Кроме того, он почти отобразил весь контент. Проверьте код ниже:

<div style="margin:0px;padding:0px;overflow:hidden;"> 
    <iframe style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:150%;width:150%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" src="www.example.com" name="sample" height="150%" width="150%"></iframe> 
</div> 

НОВОГО РЕШЕНИЕ: НЕТ, у меня нет каких-либо новых решений, которые. Если я попрошу вас, ребята, помочь мне с этим. Я хотел получить полное или 100% отображение содержимого iFrame без изменения значения высоты, если я изменю свой iFrame src. Я хотел, чтобы высота была гибкой, независимо от того, как долго или короче содержание. Я попробовал JavaScript, но, согласно многим сообщениям, которые я прочитал, он не работает в междоменном режиме. Так что да. Благодаря!

Answer 1

Если все остальное не удается, вы всегда можете использовать класс.

<style> 
img.Class {width:200px; height:autopx;} 
</style> 

<img src="UrlOfPicture" class="Class" />