Firefox IFrame滾動條

我有一個問題，Firefox添加不必要的滾動條（其工作在鉻和即確定）。Firefox IFrame滾動條

請參閱以下兩個文件：page.html & iframe.html。

page.html中

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <style type="text/css"> 
     #myframe { 
      height: 550px; 
      overflow: auto; 
      width: 665px; 
     } 
    </style> 
</head> 
<body style="background-color:#dcdcdc;"> 
     <iframe id="myframe" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" src="iframe.html" style="display: inline;"> 
     </iframe> 
</body> 
</html>

Iframe.html的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <style> 
     html { 
      direction: rtl; 
     } 
    </style> 
</head> 
<body> 
    <div style="width: 665px; height: 537px; background-color: blue;"> 
     x 
    </div> 
</body> 
</html>

在Firefox V30我總是得到垂直和水平滾動條顯示。 iframe.html中的內容大小與iframe標記大小相同。

我將問題縮小到使用方向：iframe.html文件中的rtl標記。當我添加方向：rtl我得到的滾動條，並刪除它修復了問題。

任何想法爲什麼？

如何解決這個問題，而不是在iframe上使用滾動=「否」？

編輯： 我不認爲增加溢出：隱藏是解決方案，內容不應該「溢出」 - 它小於父母。另外我想有內容溢出的選項，並在內容很長的情況下顯示滾動條。

感謝您的幫助:)

enter image description here

來源

2014-07-14 RuSh

嘗試使用溢出隱藏在保存的文本中包含的HTML元素。 – mechalynx

變化：

<iframe id="myframe" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" src="iframe.html" style="display: inline;">

與此：

<iframe id="myframe" frameborder="0" marginwidth="0" marginheight="0" src="iframe.html" style="display: inline;">

替代添加的CSS規則

結束重要

<style type="text/css"> 
    #myframe { 
     height: 550px; 
     overflow: hidden !important; 
     width: 665px; 
    } 
</style>

來源

2014-07-14 15:33:20 peterpeterson

你能解釋爲什麼你認爲我需要溢出：隱藏iframe中的內容大小不是太大？ – RuSh

您問過如何從iframe中移除滾動條而不移除iframe屬性滾動。所以我回答了你的問題，你爲什麼要這樣的原因，我不知道。但一個好的做法是，從iframe中刪除所有屬性，用css定義所有屬性，將border：none;溢出：隱藏等，然後在HTML文檔句柄滾動條等。另一個「方法」來解決您的問題可能是設置框大小：邊框; – peterpeterson

想想，你有沒有試圖在你的瀏覽器上按下Ctrl + 0？也許你的縮放比例不是100％，這就創建了滾動條:) – peterpeterson

設置IFRAME溢出的風格：隱藏...

<iframe id="myframe" style="display: inline; overflow: hidden; border: 0; margin: 0" scrolling="auto" src="iframe.html" > 
</iframe>

來源

2014-07-14 15:35:20

你能解釋爲什麼你認爲我需要溢出：隱藏iframe中的內容大小不是太大？ – RuSh

Firefox IFrame滾動條

回答

相關問題