Firefox IFrame滾動條

Question

我有一個問題，Firefox添加不必要的滾動條（它在chrome和ie正常工作）。

請參閱以下兩個文件：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文件中使用direction：rtl標記。 當我添加direction：rtl時，我得到了滾動條並將其刪除解決了該問題。

知道為什么嗎？

如何在不使用iframe的情況下解決此問題而不使用scrolling =“ no”？

編輯：我不認為添加overflow：hidden是解決方案，內容不應該“ overflow”-它小於父級。 我也想讓內容溢出並在內容很長的情況下顯示滾動條。

謝謝你的幫助：）

在此處輸入圖片說明

Answer 1

更改：

<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規則的末尾添加add！important

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

Answer 2

將iframe的樣式設置為溢出：隱藏...

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

Firefox IFrame滾動條

問題描述

2 個解決方案

解決方案1
0 2014-07-14 15:33:20

解決方案2
0 2014-07-14 15:35:20

Firefox IFrame滾動條

問題描述

2 個解決方案

解決方案1 0 2014-07-14 15:33:20

解決方案2 0 2014-07-14 15:35:20

解決方案1
0 2014-07-14 15:33:20

解決方案2
0 2014-07-14 15:35:20