在100%高度的网站中嵌入网站

时间:2013-03-07 18:02:26

标签: jquery html css css3

我正在尝试将网站用于使用iframe的其他网站上的网页。我已经设法加载页面。但是我需要页面内的网站加载到网站的高度。而不是网站的页面。

目前,如果我将高度设置为100%,它只显示网站的一部分,因为这是该页面上的唯一内容。我不想做的是为嵌入式网站设置一个4000px的高度,因为有些页面只会显示一些图像或几行文字。

我只想知道这是可能的。

代码到iframe -

<iframe src="http://example.com" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>

代码对象 -

<object data="http://example.com" type="text/html" height="100%" width="1024px"></object>

1 个答案:

答案 0 :(得分:0)

你可以:

iframe {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:auto; /* coz you need vertical and horizontal scrollbars */
}

如果没有iframe父项的位置不是静态(默认值)

,这将有效

您也可能需要body {margin:0px; padding:0px;}