css - 在包含的 div 中定位 iframe 的内容

Question

我有一个需要通过 iframe 提供的页面，但我只需要显示页面的一部分，而不是整个页面。

我当前的代码是:

<div style="display:block;overflow:hidden;width:500px;height:350px;">
<iframe height="350px" scrolling="no"
src="http://my/page/i/want/to/show/part/of/here/" width="500px"></iframe></div>

我认为最好的选择是在包含“溢出:隐藏”的 div 中提供 iframe，这样它就像一个相框。这行得通，但问题是我要显示的内容位于 iframe 页面的中间，而 div 始终假设 0,0 是框架的开始。我需要定位 iframe，使 div 恰好位于我希望可见的页面部分上方。

我可以这样做吗？

Answer 1

为 margin-top 和 margin-left 使用负值来定位 iframe。看下面的代码:

<div style="display:block;overflow:hidden;width:500px;height:350px;">
<iframe style="margin-top:-100px;margin-left:-100px" height="350px" scrolling="no"
src="http://my/page/i/want/to/show/part/of/here/" width="500px"></iframe></div>