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 px 的空间？如果我用 ap 标签替换 iframe 标签，同时保持样式规则，那么它可以与 p 标签一起使用。

似乎 iframe 忽略了我的右侧和底部 CSS 规则。如何让 iframe 承认右下角规则？

4

3 回答 3

5

正如 Alan Shortis 建议的那样：

<!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 回答
0

如果由于某种原因您不想要周围的 div 并且您需要使用 position:fixed 而不是 absolute 您可以在宽度和高度设置中使用 calc 函数。

于 2020-04-17T10:16:41.223 回答