html - 如何使页面中的 iframe 仅垂直显示

Question

我有一个宽度为 800 像素、高度为 200 像素的 iframe。我希望它仅以水平显示页面。表示 i 没有垂直内容。

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

iframe 的内容是一个动态生成的页面（博客文章），宽度为 100%，这意味着当新文章出现时它将继续水平显示。每个项目的高度为 200 像素，我显示：inline-block every item so它水平排列。

为了更好地理解，我只想在垂直线上显示项目。我需要对 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;
 }