带有嵌入内容的<object />元素的自动高度

Man*_*han 6 html javascript css

我试图<object/>根据内部的嵌入内容获取元素的自动高度.这可能吗?

这个问题的一个例子是:JSFiddle.在Chrome中,似乎忽略了自动.我怎样才能解决这个问题?

HTML

<body>
    <object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt"></object>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS

#my-object {
    height : auto;
    width : 300px;
}
Run Code Online (Sandbox Code Playgroud)

编辑 我想使对象与其内容一样大,以避免对象元素的滚动.它应该是页面滚动instrad对象元素滚动.

fab*_*aby 0

工作小提琴(100% 高度、最小高度和隐藏到 body 和 html 元素的溢出)

http://jsfiddle.net/DmF6B/2/

html, body{
   overflow:hidden;
   height: 100%;
   min-height: 100%;
}
    #my-object {
        height : 100%;
        width : 100%;
        overflow : hidden;
    }
Run Code Online (Sandbox Code Playgroud)

html

<body scroll="no">
    <object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt">
    </object>
</body>
Run Code Online (Sandbox Code Playgroud)