Question

I want to insert a iframe in to a webpage with following requirements:

1. iframe height must be 100% – it should stretch the height with its content.
2. iframe scrollbars should not be visible, but the page scrollbars should be there with relevant to the height of the iframe contents.
3. iframe source is from a different domain.

Once the iframe is integrated, the web page should be as a single normal web page. I have styled the page and the iframe source page to match each other.

I tried different solutions by searching, but so far no luck.

Please give me a help

Thank You

Answer 1

use css as

iframe{
height: 250px; // whatever you want
}

Link DEMO