css – 将iframe安装在div内

前端之家收集整理的这篇文章主要介绍了css – 将iframe安装在div内前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图在一个div里面安装一个iframe.我的问题是,我似乎无法让它嵌套到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>
(more things in the row)
</div>

和CSS:

#wrap { width: 1130px; height: 100%; padding: 0; 
        overflow: hidden; 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;

}

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

@H_404_16@

解决方法

这个CSS会解决吗?
iframe {
    display:block;
    width:100%;
}

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

@H_404_16@ @H_404_16@

猜你在找的CSS相关文章