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

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

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

iframe的内容是一个动态生成的页面（博客帖子），宽度为100%，这意味着当新帖子出现时，它将水平继续。每个项目的高度为200px，i display:inline阻止每个项目，使其水平排列

为了更好地理解，我只想以垂直线显示项目。我需要对iframe或iframe中的页面进行编码吗

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

时髦

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

---

overflow-x:隐藏应该做这个诡计。我不想让它垂直显示。我希望它水平显示。overflow-y:hidden应该可以；）另外，取下滚动=“是”。相反，添加溢出-x：滚动到CSHERE你去抱歉，我键入的一切都错了。我想水平显示，而不是垂直显示。。很抱歉