如何在 <object> 嵌入上获得 height=100%答案

【问题标题】：How to get height=100% on <object> Embed如何在 <object> 嵌入上获得 height=100%
【发布时间】：2013-05-11 03:46:57
【问题描述】：

我正在尝试插入以下代码，但它不起作用。我无法用这个获得 100% 的高度。谁能帮我？谢谢！

<body style="overflow:hidden;">
<TABLE align=left width=234 border="0" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" >
        <object data="EmbedPage.html" type="text/html"  style="width: 230px;height:100%;"></object>
    </TD>
</TR>
</TABLE>
</body>

【问题讨论】：

简短的回答是容器也应该是 100%。
我找到了这个并为我工作。 stackoverflow.com/questions/16326445/…

标签： html css object height embed

【解决方案1】：

我使用了以下代码，它在浏览器的宽度和高度上完美呈现样式="宽度：100vw；高度：100vh；"

【讨论】：

【解决方案2】：

如果您想将嵌入对象跨越全屏，请使用 100vh 作为高度。

<body>
   <object data="EmbedPage.html" type="text/html"  style="width:100%;height:100vh;">
   </object>
</body>

【讨论】：

我认为@user2261793 永远不会接受正确的答案，但这对我有用。
这似乎对我不起作用。我得到两个滚动条，一个用于对象内容，一个用于页面。

【解决方案3】：

body, html{
    width: 100%;
    height: 100%;
}

<body>
    <table class="flash-container" style="height: 100%; width:100%">
        <tr style="height: 100%; width:100%">
            <td style="height: 100%; width:100%">
                <object width="100%" height="100%">
                    <param name="autoPlay" value="true"></param>
                    <embed allowfullscreen="true" autoPlay="true" flashvars="autoplay=true&play=ture" allownetworking="all" id="pptShow" allowscriptaccess="always" height="100%" src="http://www.weilaijiaoxue.com:9096/upload/2016/4/13/swf_20160413115509559.swf"  type="application/x-shockwave-flash" width="100%"></embed>
                </object>
            </td>
        </tr>
    </table>
</body>

【讨论】：

【解决方案4】：

只需将其从表中移除即可。

<BODY style="overflow:hidden; height:100%;">

<object data="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" type="text/html"  style="float:left;width:230px;height:100%"></object>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/5/

表格单元格中的 100% 高度总是很痛苦。从技术上讲，TD 没有高度（因为这取决于其内容）。你要求浏览器做的是让孩子 100% 的父母，这是 100% 的孩子，这是 100% 的父母......你可以看到这可能是一个问题。

您可以尝试向 TD 添加显式高度并在桌子上使用 table-layout:fixed。至少这样浏览器就知道父级的高度而不需要子级的高度，但这仍然可能不起作用。

您可能需要重新考虑如何处理此问题。

这会显示使用设置高度和使用 iframe 的结果

<BODY style="overflow:hidden;height:100%;">

<TABLE align=left width=234 border="1" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" height="1000">
    <iframe src="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>
    </TD>
</TR>
</TABLE>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/6/

希望对你有帮助

【讨论】：

谢谢你的回答，但我仍然看到滚动，我不需要滚动+使用表格元素，因为页面包含更多基于表格的元素，更改所有页面非常复杂......我没有别的办法吗？
谢谢，我开始觉得它比用 div 重写代码更复杂...无论如何，我不能使用 iframe，我只需要使用 OBJECT 元素，如何禁用滚动在“div”版本上？（并且仍然“自动”获得 100% 的高度）jsfiddle.net/QtKMa/3
溢出-y：隐藏；溢出-x：隐藏；

【解决方案5】：

试试这个

<body style="overflow:hidden;height:100%;">
    <object data="EmbedPage.html" type="text/html"  style="float:left;width:230px;height:100%;">
    </object>
</body>

【讨论】：

它不起作用...我没有得到 100% 的高度看看这里的屏幕截图：clip2net.com/s/54unnx
你能把它放在jsfiddle.net上吗
我还需要禁用滚动
在正文或对象上滚动