html - 使用CSS使持有OBJECT HTML文件的div具有相同的高度

Question

我正在尝试使用 CSS 实现以下(没有 JS)，但没有运气:-(

我有一个 div 包含一个加载 php 文件的对象。现在我需要的是一些 CSS，它可以使包含页面/对象的 DIV 的高度与加载的页面/对象的高度相同。

<div style="margin: 0 auto; width:100%; height:auto;display:block; overflow:hidden;" id="news">

<object id="newsDataHolder" data="showinfo.php" style="width:100%; height:100%; clear: both;margin:0px; padding:0px;" type="text/html">
</object>

</div>

如果我可以强制保持 DIV 的高度与 HTML OBJECT 中加载的页面相同，那就太好了。但是，在控股 DIV 上设置固定高度会产生太多空间或启用控股 DIV 的滚动。

非常感谢任何帮助。

Answer 1

我最好的猜测是您应该将object 设置为display: block。其余的 CSS 可能不是必需的。如果没有您的问题的演示，很难说更多。

http://jsfiddle.net/isherwood/h8kucwpj/

.container object {
    display: block;
}