css - 在 div 中安装 iframe

Question

我正在尝试将 iframe 放入 div 中。我的问题是我似乎无法将它嵌套到 div 宽度的 100%，我需要指定 iframe 的像素宽度。

我希望 iframe 位于 div“内部”，这样如果 div 由较小的浏览器调整大小，iframe 也会调整大小。

这是我的代码:

<div class="row-fluid">
   <div class="span9" id="standard">
      <div class="header-box">
         <p class="header">Bla Bla Header</p>
      </div>
      <div id="wrap">
         <iframe id="frame" src="https://docs.google.com/a/...." frameborder="0"></iframe>
      </div>
   </div>
   ...
</div>

和 CSS:

#包装{ 宽度:1130px； 高度:100%； 填充:0； 溢出:隐藏； position:relative；

#frame {
   width: 100%;
   height: 100%;
   border: 1px solid black;
   position: relative;
}

#frame {
   zoom: 0.75;
   -moz-transform: scale(0.75);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.75);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.75);
   -webkit-transform-origin: 0 0;
}

以下是调整浏览器大小时发生的情况。

Answer 1

这个 CSS 能解决它吗？

iframe {
    display:block;
    width:100%;
}

来自这个例子:http://jsfiddle.net/HNyJS/2/show/