Question

我在将iframe嵌入我的博客网站时遇到了实际问题。我必须承认我不理解任何HTML并且一直试图复制我在网上发现的一些代码。我想将朋友博客嵌入到我自己的博客中，并且需要裁剪它以使其看起来更整洁。他的博客有一个固定的宽度但动态的高度，因为他增加了更多的帖子我一直在定义iframe的高度非常大，以确保它总是适合他的帖子，无论多大。这样做的问题是，当你点击他博客中的照片时，它显示在屏幕上方几英里，你必须向下滚动加载才能找到它。

这是我的测试博客 - damianp1.blogspot.co.uk有问题的页面是测试。

以下是我用过的代码：

<style type="text/css">

.blog-pager, .footer, .post-footer, .feed-links, #Attribution1,.comments, .sidebar
{display:none !important;}
.main-inner .columns {width: 110%;padding-left:0 !important;padding-right:0 !important;}

</style>
</b:if>
<style>]

</style>

<div class="post-outer" style="width:875px; color:#f6f6f6" >
<div id="outerdiv" style="width: 900px; overflow: hidden">
<iframe width="1300" style="position: relative; left: -205px; top: -34px" height="30000" 
src="http://wildlife-ramblings.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe>
</div>
</div>

是否有一个解决方案可以将iframe放入滚动框中，以便点击的任何图像都会出现在这个中间？我该怎么做，还是有其他解决方案？

非常感谢，Damian。

Answer 1

您是否有理由要显示整个网页？为什么不显示他的网站的RSS源？

否则您可能需要像这样设置iframe，但如果您使用iframe的网站的宽度或高度大于您的网站，则需要滚动或打开iframe，就像包含的网站一样大在iframe中：

<iframe width="100%" frameborder="0" src="The blog URL Goes here" height="400"></iframe>

有一个方便的小工具可以将博客iframe添加到博客：http://www.makingdifferent.com/online-iframe-generator-tool-for-blogwebsite/

将iframe嵌入博主

1 个答案: