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

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

css iframe

Css 定位固定iframe时忽略右侧和底部,css,iframe,position,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="ov

我有以下代码：

<!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的空间？如果在保持样式规则的同时，将iframe标记替换为p标记，那么它将与p标记一起工作

iframe似乎忽略了我的右下css规则。如何使iframe确认右侧和底部规则？

 position:absolute;

工作？

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

如果出于某种原因，您不想要周围的div，并且需要使用位置：固定而不是绝对，您可以在宽度和高度设置中使用计算功能。

您是否尝试过将iframe放置在div中，并将定位改为应用于div？