通过css手段，使iframe的宽高度自适应，在线等

已知一个div（下称a）宽度700px，现有在a外面包裹一个div(下称b)，b插入document.body并设置b的position为relative，a的position为absolute,a的z-index为2，现再向b内插入一个iframe,iframe的position为absolute，z-index为1，怎么才能使得iframe的宽度和高度永远和a一样，即使a的内容发生变化。
我试过将iframe的width和height设置为100%,可是无效。
请用css实现自动调整width和height。js的话每次改变iframe的宽度和高度，实在太烦了。

解决方案 »

  1.   

    不用css，一句话就可以搞定：
    <iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
    看到了吧，关键就在于onload="this.height=iFrame1.document.body.scrollHeight"！ 
      

  2.   

    width也要自适应啊，怎么写？
      

  3.   

    我的目的是iframe跟随a来变化，不是跟随body
      

  4.   

    有点错误，贴下html代码<select style="margin:250px 0 0 250px;">
         <option>ie6下能罩住我吗？</option>
        </select>
    <div style="position:absolute;top:200px;left:200px;">
         <div style="width:400px;height:400px;background:#ccc;position:relative;z-index:2;top:0;left:0;"></div>
            <iframe frameborder="0" border="0" style="width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;"></iframe>
        </div>
      

  5.   

    不能全通过CSS，必须要用到js的onload事件。
      

  6.   

    贴下整的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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style>
    body, select, div{margin:0;padding:0;}
    </style>
    </head>
    <body>
    <select style="margin:250px 0 0 250px;">
         <option>ie6下能罩住我吗？</option>
        </select>
    <div style="position:absolute;top:200px;left:200px;" id="b">
         <div style="width:400px;height:400px;background:#ccc;position:relative;z-index:2;top:0;left:0;" id="a"></div>
            <iframe frameborder="0" border="0" style="width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;"></iframe>
        </div>
    </body>
    </html>我就是想要iframe跟随a的宽高度来变化，求解决方案
      

  7.   

    问题是a的内容是在页面上变化的，onload就是改变一次，难不成我改变一次a的内容就要改变一次iframe的宽高度？
      

  8.   

    我插入到a里，在ie6下设置iframe宽度和高度100%，但是无效。