右側和底部忽略時位置固定的iframe

我有以下代碼：右側和底部忽略時位置固定的iframe

<!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像素的空間和左瀏覽器窗口的？如果我用p標記替換iframe標記，同時保留樣式規則，那麼它將與p標記一起使用。

看來iframe忽略了我的右和底部css規則。我如何讓iframe確認正確和最低的規則？

來源

2012-10-02 John

您是否嘗試過把您的iframe一個div裏面，應用定位到div呢？ –

與

position:absolute;

的作品？

來源

2012-10-02 13:14:19

正如艾倫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-02 13:24:47

右側和底部忽略時位置固定的iframe

回答

相關問題