Question

我在iframe中将Google地图嵌入到我的网站上：

<iframe src="http://www.map-generator.net/extmap.php?name=Spot&amp;address=los%20angeles%2C%20ca&amp;width=614&amp;height=244&amp;maptype=map&amp;zoom=14&amp;hl=en&amp;t=1298011905" width="614" height="244" scrolling="no"></iframe>

这是无效的，我需要以某种方式拉开CSS中的滚动方面。我该怎么做？

Answer 1

<iframe style="overflow:hidden;"></iframe>

Answer 2

我找到了另一种有效的解决方案。

<iframe src="...." class="frame-abc" scrolling='no' ></iframe>

.frame-abc {
border:none;
overflow:hidden;
margin:0;
height:230px;
width:570px; 
}

Answer 3

迟到的回复

到目前为止我找到的唯一解决方案是将overflow设置为hidden并将width，height设置为父div。

在你的情况下：

<div style="width:614px; height:244px;">
    <iframe src="http://www.map-generator.net/extmap.php?name=Spot&amp;address=los%20angeles%2C%20ca&amp;width=614&amp;height=244&amp;maptype=map&amp;zoom=14&amp;hl=en&amp;t=1298011905"width="614" height="244" style="overflow:hidden; width:614px; height:244px;"></iframe>
</div>

iframe元素的滚动属性已过时。请改用CSS

3 个答案: