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滚动条

回答

相关问题