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

Question

我正在制作一个eBay列表，我正在使用以下代码嵌入一个网页:

<!--[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="border: 0;保证金:0;溢出:隐藏;"。

因为我不能在清单中包含body标记，所以我尝试使用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的高度设置为其父元素的高度。你可能需要脚本。

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