HTML - 无法设置对象样式以消除滚动条

Question

我正在制作一个易趣名单，我使用以下代码嵌入网页：

<!--[if !IE]> <!-->
<object id="object" type="text/html" data="http://www.taketimetounwind.co.uk"
</object>;
<!--<![endif]-->
<!--[if IE]>
<object id="object-ie" classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.taketimetounwind.co.uk"></object>;
<![endif]-->

为了防止滚动条，我需要确保我设置包含我希望用style =＆＃34; border：0;动态加载的代码的文档的主体。保证金：0;溢出：隐藏;＆＃34;。

因为我无法在商家信息中添加正文标记，所以我尝试使用div标记：

<div style="border: 0; margin: 0; overflow: hidden;">
<!--[if !IE]> <!-->
<object id="object" type="text/html" data="http://www.taketimetounwind.co.uk"
</object>;
<!--<![endif]-->
<!--[if IE]>
<object id="object-ie" classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.taketimetounwind.co.uk"></object>;
<![endif]-->
</div>

然而，滚动条仍会出现。请有人能告诉我我做错了什么吗？

谢谢！

Answer 1

由于您没有在div上设置高度，overflow: hidden什么都不做。因为body元素比它的父元素高，所以你必须能够检测父元素的高度并将div的高度设置为它。您可能需要编写脚本。

替代方案是使用固定高度，但这在移动世界中不太可能是一个好的解决方案。