Javascript 制造<；部门>；以一个<；iframe>；有网站来源吗？

我试图在一家餐馆的网站上显示菜单。最简单的方法是将他们使用的word文档保存为网页，并将其加载到网站中。我不想有一个固定的高度，以像素为单位，因为菜单每天都在变化，文档的高度也是如此。听起来很简单，但我就是无法摆脱滚动条

我尝试了溢出的所有方法和每种组合：隐藏、显示、阻塞和清除：两者都有，但似乎都不起作用

以下是HTML：

   <div class="col-sm-6 col-md-4 col-lg-4 specials">
    <div class="container">
     <div class="row">
      <div class="menu-section">
       <embed src="Menu/lSpecials.htm" width="100%"></embed>
      </div>
     <div class="col-xs-12 col-sm-6">
       <div class="menu-section">
        <embed src="Menu/lunch1.htm" width="100%"></embed>
       </div>
      </div>
       <div class="col-xs-12 col-sm-6">
        <div class="menu-section">
         <embed src="Menu/lunch2.htm" width="100%"></embed>
        </div>
       </div>
      </div>
     </div>

---

任何帮助都将不胜感激

我认为这里的方法应该有所不同：

• 第一种选择：

而不是设置

overflow: hidden

在包含iframe的文档中，您应该拉伸iframe以适应div，只要确保div足够长，甚至可以处理最长的文档

• 第二

您可以使用display:flex；对齐项目：拉伸； 请参阅此处的参考资料：

• 第三

---

根据您的设计，将溢出设置为可见，只需确保底部留有足够的空白。

可能重复的图片能否显示您想要的外观？

overflow: hidden