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

 > 

  • 问题

  • Question
    登录进行投票
    0
    登录进行投票

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

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

答案

全部回复

  • Question
    登录进行投票
    0
    登录进行投票

    html,bdoy,iframe{height:100%}

     

     

    【孟子E章】
    2010年12月31日 0:59
    |
    版主
  • Question
    登录进行投票
    0
    登录进行投票

    这个不行···在显示的时候，高度只有100px，而且也不会改变。我的意思是要 iframe 的高度一直等于 浏览器 当前的高度。

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

    你好，

    像孟版主提到的，你设置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
    |
    版主