2

マスター ページを含むサイトがあり、1 つのページに必要なのは次のとおりです。

<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 の幅は画面の幅まで拡張されますが、高さは 1050 に近いはずですが、常に 100 ピクセルのようなものです。

ブラウザ 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% の高さを追加する必要があります。したがって、<div>深さが 5 秒の場合、これらの各 div には 100% の高さが必要です。 EDIT：少なくともChromeでは、そうではないようです。ただし、少なくとも 1 つの祖先要素には特定の高さのセットが必要です。

編集:例として 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

高さ = 100% を設定したい場合は、コンテンツの高さとして取得します...グリッドビューが 1 つしかないとします。

于 2012-07-10T12:56:59.253 に答える