Question

我有以下代码：

<!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的空间？如果我使用p标记替换iframe标记，同时保留样式规则，则它适用于p标记。

似乎iframe忽略了我的右下css规则。如何让iframe确认正确和最低规则？

Answer 1

正如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>

Answer 2

与

 position:absolute;

作品？

Answer 3

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

当位置固定的iframe时，右边和底部被忽略

3 个答案: