如何在页面中仅使iframe垂直显示

Question

我有一个宽度为800px，高度为200px的iframe。我希望它只在水平方向显示一个页面。意味着我没有垂直内容。

<iframe src="recipelist/" width="800px" height="250px" scrolling="yes" class="iframe-class" frameborder="0"></iframe>

iframe的内容是100y宽度的动态生成页面（博客帖子），这意味着当新帖子进入时它会水平继续。每个项目的高度为200px并显示：inline-block每个项目，使其水平排列。

为了更好地理解，我想只显示垂直行中的项目。我是否需要在iframe中编码iframe或页面？

如何让父页面水平显示？意味着没有垂直滚动？只显示最大宽度的iframe？

Answer 1

<iframe src="www.google.com" class="iframe-class" frameborder="1" scrolling="no"></iframe>

风格

.iframe-class {
 overflow-x: hidden;
 height: 600px;  
 width: 200px;
 }