显示溢出的问题(滚动条)

时间:2011-05-26 13:00:01

标签: javascript html css iframe overflow

我的主页面编码如下;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
 <table height="100%" cellspacing="0" cellpadding="0" border="0" width="646" class="data border">
            <tbody>
              <tr>
                <td valign="top" class="noPad">
                    <iframe height="100%" frameborder="0" width="100%" scrolling="no" name="studentFrame" src="delete2.html"></iframe>
                </td>
            </tr>
        </tbody>
</table>
 </body>
</html>

,iframe页面编码为;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <table height="100%" cellspacing="0" cellpadding="0" border="0" width="834" class="data border">
            <tbody>
              <tr>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>
                  <td>123</td>

              </tr>
            </tbody>
    </table>
 </body>
</html>

现在我希望iframe在主页面中水平滚动。

当iframe的宽度超过main包含表的宽度时,它会自然滚动还是需要显式指定任何属性?

请帮帮我。谢谢。

1 个答案:

答案 0 :(得分:0)

在这种情况下,我不建议将I帧放在表格中,甚至根本不使用表格。

您可以为主页上的元素禁用溢出:对于iframe和表td。 溢出:隐藏;

然后,您可以执行iframe页面的正文 溢出 - X:滚动;

或者您可以尝试使用实际的iframe类。