位置固定 iframe 时忽略右侧和底部

Joh*_*ohn 4 css iframe position

我有以下代码:

<!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>
Run Code Online (Sandbox Code Playgroud)

为什么我的 iframe 没有填满整个浏览器窗口,在浏览器窗口的顶部、右侧、底部和左侧之间仅留下 10 px 的空间?如果我用 ap 标签替换 iframe 标签,同时保留样式规则,那么它可以与 p 标签一起使用。

看来 iframe 忽略了我的右侧和底部 css 规则。如何让 iframe 承认右下规则?

leo*_*oap 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>
Run Code Online (Sandbox Code Playgroud)