iframe只显示特定部分

我正在研究iframe，而我只需要显示页面的特定部分。iframe只显示特定部分

我只想显示这部分的博客。

http://s17.postimg.org/ickav5d33/pic.png

这是我的代码：

<div style="border: 1px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;"> 
<iframe scrolling="no" src="http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;"> 
</iframe> 
</div>

这里是一个Fiddle

我怎样才能做到这一点？

来源

2014-09-27 user24700

请澄清一些事情......您想要展示的特定部分是什么？你是说iframe没有按照你的意愿定位它的内容吗？或者你是否说你不想在你的内容上留下额外的空白空间？ – 2014-09-27 03:27:57

看起来你只需要调整你的内联CSS一点。例如：

<div style="border: 1px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; width: 675px;"> 
<iframe scrolling="no" src="http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html" style="border: 0px none; margin-left: 13px; height: 954px; margin-top: -422px; width: 660px;"> 
</iframe> 
</div>

这似乎与您提供的图片相符。

我更改了iframe的页边距，页边距和宽度。我还将div的最大宽度更改为具有不同值的简单宽度。

我想出了所有这些使用Firebug的值。我强烈建议您熟悉这类浏览器开发工具（所有现代浏览器都包含某些“开发人员工具”），这些工具可以让您在“找到”这些东西的时候玩这些东西，直到找到您喜欢的经过调整的CSS。

的jsfiddle：http://jsfiddle.net/cnmteg76/2/

来源

2014-09-27 03:34:04

http://jsfiddle.net/cnmteg76/3/show我得到一个滚动条在右侧如何将其删除？ – user24700 2014-09-27 03:46:24

滚动条并不是因为你的iframe，这是因为jsfiddle.net的“显示”页面自动添加了自己的iframe和滚动条。当您在jsfiddle之外的页面上实现上述源代码时，不应该有任何滚动条。如果滚动条仍然出现，那么当然，让我们知道。 :)但在你的链接中，那些酒吧不在我们的控制范围之内。他们是jsfiddle的。 – 2014-09-27 05:04:07

您可以滚动到页面的任何部分的链接，如果该元素有一个id ATTRIB。 IE http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#boxB链接到boxB滚动位置任何可用作iframe URL的是。

div id = post-body-2265336028782673534是具有ID attrib的最接近的元素。不幸的是，在这个位置下面有10个br元素，而不是更接近ID的html元素。 http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#post-body-2265336028782673534

如果您可以更改源页面，请在font标记元素（ID =“linkanchor”）中放置一个id attrib。链接到页面，使用iframe，使用哈希标记链接... http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#linkanchor

来源

2014-09-27 03:47:33 Wayne

iframe只显示特定部分

回答

相关问题