3

私は次のコードを持っています:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head></head>
   <body>
      <iframe src="http://jl.evermight.net" style="overflow:scroll; display:block; position:fixed; top:10px; bottom:10px; right:10px; left:10px;"></iframe>
   </body>
</html>

どうして私のiframeがブラウザウィンドウ全体を埋めず、ブラウザウィンドウの上下左右の間に10ピクセルのスペースしか残らないのですか?スタイルルールを維持したまま、iframeタグをapタグに置き換えた場合、pタグで機能します。

iframeが私の右下のCSSルールを無視しているようです。iframeに正しいルールと一番下のルールを認識させるにはどうすればよいですか?

4

3 に答える 3

5

アラン・ショーティスが示唆したように:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head></head>
    <body>
        <div style="position:fixed; top:10px; bottom:10px; right:10px; left:10px;">    
            <iframe src="http://jl.evermight.net" style="overflow:scroll;width:100%;height:100%;"></iframe>
        </div>
    </body>
</html>
于 2012-10-02T13:24:47.530 に答える
3

 position:absolute;

動作しますか?

于 2012-10-02T13:14:19.313 に答える