none
[asp.net] [c#] iframe 自适应浏览器高度问题! RRS feed

  • 问题

  • 使用iframe来做页面左边的目录框架,如何才能实现 iframe的高度动态适应浏览器的高度?也就是说,在改变浏览器高度的时候,iframe的高度会随之改变,即iframe的高度等于浏览器的高度。

    • 已移动 Sheng Jiang 蒋晟 2010年12月30日 15:23 (发件人:一般性问题讨论区)
    2010年12月30日 10:19

答案

全部回复

  • html,bdoy,iframe{height:100%}

     

     


    【孟子E章】
    2010年12月31日 0:59
    版主
  • 这个不行···在显示的时候,高度只有100px,而且也不会改变。我的意思是要 iframe 的高度一直等于 浏览器 当前的高度。

    2010年12月31日 4:12
  • 外面的容器很重要,100%是容器的高度。你也可以使用js设置的,方法很多的
    【孟子E章】
    2010年12月31日 4:36
    版主
  • 能否给个示例?网上找了很多,但无法实现动态调整.找到的很好解决方法只是让iframe适应子页面的大小,而我是想让iframe适应浏览器的大小,当浏览器的高度小于 iframe 的高度时,iframe 中出现滚动条来浏览子页面。
    2010年12月31日 5:02
  • 你好,

    像孟版主提到的,你设置iframe的高度为100%就可以了。需要注意的是这个100%高度针对的是父容器的高度,所认你心须保证放置iframe的容器及其以上的父容器都是100%高度的。如果你的iframe是直接放在body下面的,代码如下:

    <html>
    <head>
    <title>示例</title>  
    </head>  
    <body>  
    <iframe name="left" src="test.htm" frameborder=“0” scrolling="yes" height="100%" width="100px"></iframe>  
    </body>   
    </html>

    谢谢!


    Leo Tang [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    2011年1月4日 7:39
    版主