2

我有一个带有母版页的网站，我唯一想要的一页是：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server" style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://mylink" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</asp:Content>

iframe 的宽度确实会扩展到屏幕的宽度，但高度总是大约 100 像素，即使它应该接近 1050。

浏览器 IE9。如何解决身高问题？

4

2 回答 2

3

仅当父元素已应用特定高度时，才对元素应用 100% 的高度。

例如：

<div style="height:500px">
  <iframe style="height:100%;">I am 500px too!</iframe>
</div>

如果您的目标是让 iframe 占据视口的宽度和高度，则需要在样式表中设置以下内容：

html, body { height: 100%; }

您还需要为 iframe 的所有祖先元素添加 100% 的高度。因此，如果它是 5<div>秒深，那么每个 div 都需要 100% 的高度。 编辑：至少在 Chrome 中，情况似乎并非如此。尽管至少有一个祖先元素确实需要一个特定的高度集。

编辑：这里以 jsfiddle 链接为例：http: //jsfiddle.net/V3rLE/

HTML 是：

<div style="height:100%">
<iframe style="width:100%;height:100%;border:0" src="http://jsfiddle.net"></iframe>
</div>​

CSS是：

html, body { height: 100%; }
iframe { display: block; }
于 2012-07-10T12:56:47.873 回答
0

如果你想设置 height=100% 。它将作为内容高度...假设您只有一个 gridview.consider gridview height as 200px ..页面高度也只有 200px ...所以尝试使用像素高度。

于 2012-07-10T12:56:59.253 回答