在 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：

#wrap { 宽度：1130px;高度：100%；填充：0；溢出：隐藏；位置：相对； }

 #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;
}

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

原文由 Julia 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个 CSS 会修复它吗？

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

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

原文由 G-Cyrillus 发布，翻译遵循 CC BY-SA 3.0 许可协议