如何在没有滚动iframe的情况下重新定位内容？

Question

我有一个谷歌图表的iframe周围有太多的间距。我希望将它嵌入到我的页面中，但要将其裁剪掉以摆脱周围的空间。

我尝试使用较小的height和width属性设置iframe，但我无法弄清楚如何重新定位iframe中的内容以使其居中。

以下是图表的iframe：

<iframe width="550" height="170" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1r56MJc7DVUVSkQ-cYdonqdSGXh5x8nRum4dIGMN89j0/pubchart?oid=1407844401&amp;format=interactive" onload="window.frames['itunes'].scrollTo(250,250)">></iframe>

如何以这种方式重新定位iframe的内容，还是有更好的解决方案？

由于

Answer 1

您应该将iframe包装在div或其他内容中并放置iframe。 这里是代码：

<div class="wrapper">
 <iframe></iframe>
</div>

这是css

.wrapper{overflow:hidden;} 
.wrapper iframe{position:relative; left:-40px; top:-30px;}