Question

<td width="120" valign="top" height="100%">
   <iframe src="menu.php" width="100%" height="100%" frameborder="0">
   </iframe>    
</td>

此代码始终在浏览器中提供iFrame的默认大小（与：

相同）

<iframe src="menu.php">
</iframe>

）我希望IFrame获得容器单元的大小。

我知道我可以使用PHP在它上面包含一个文件，但我想用滚动条创建一个长菜单。实现这一目标的另一个解决方案也很不错，因为就个人而言，我不喜欢IFrame。

谢谢，

伊凡

编辑：现在我有了这个，它没有显示div：

<html> 
<head > 
    <title>Untitled Page</title> 
    <style type="text/css"> 
        .scroller { height:100%; overflow:auto; }
    </style> 
</head> 
<body style="background-color: #7C70DA; font-family: Fixedsys, Courier, Courier New; text-align:center; vertical-align:center;"> 
    <center> 
        <div style="position:absolute; left: 40px; right:40px; top: 40px; bottom:40px; background-color: #3931A5; vertical-align:middle; color: #7C70DA "> 
            <table border="0"> 
                <tr> 
                    <td width="160" valign="top" height="100%"> 
                        <div class="scroller"> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 

                        </div>  
                    </td> 
                    <td width="100%" valign="top"> 

                    </td> 
                </tr> 
            </table> 
            <br /> 
            (c) YVAN JANSSENS 2010      </div> 
    </center> 
</body> 
</html>

Answer 1

您可以将菜单内容放在div中，设置div的高度，将overflow value设置为自动或滚动。作为旁注，我想鼓励您放弃在HTML中使用表格，而是考虑使用960 Grid System等CSS框架作为布局。

.scroller { height:500px; overflow:auto; }

-

<div class="scroller">
  <ul>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
  </ul>
</div>

Answer 2

在你的第二次尝试中，你需要将.scroller div从表中取出，然后它才能工作，至少在Firefox 3.6中是这样。

无论哪种方式，都会显示div。您使用的浏览器是什么？

我还会声明一个doctype。

如何使IFRAME的大小与容器的大小相同？

2 个答案: