使iFrame内容宽度为iFrame的宽度

Question

如何让iFrame内容宽度为iFrame的宽度？例如，如果iframe被声明为：

<iframe style="width: 300px; height: 600px;" src="http://teamfreehugs.github.io/stackexchange/questionpacker/clean.html?question=4&amp;site=stackoverflow"></iframe>

我怎样才能使iFrame的内容有一个较小的网页，而不显示滚动条？此外，我不想隐藏滚动条，我想通过减少内页的大小使其无法显示。例如：

这就是我所拥有的：

在这里，iFrame的内页认为页面大小是我的常规页面大小，而不是iFrame的页面大小，这使得<hr>应该更长。

我想要的是滚动条消失，里面的页面认为它的宽度更小。例如，如果我将宽度设置为width: 100px，则内页认为窗口仅为100px，这意味着<hr>仅显示100像素。

Answer 1

http://alistapart.com/article/creating-intrinsic-ratios-for-video

可能这种技术会变得非常方便。 =） 它不仅适用于视频，也适用于任何嵌入式内容。您甚至可以将它用于背景图像等技巧。

Answer 2

body{ 
width: 100%; 
}

关于iframe内容。

并且您的内容中显然有其他元素具有更大的宽度，给它们最大宽度：100％;