Question

我正在尝试在餐馆的网站上显示菜单。最简单的方法是保存他们用作WebPage的单词文档，并将其加载到网站中。我不希望像素具有固定的高度，因为菜单每天都在变化，文档的高度也是如此。听起来很容易，但我无法摆脱滚动条！

＆＃xA;＆＃xA;

我已经尝试了所有内容和溢出的每个组合：隐藏，显示：阻止和清除：两者但是似乎没什么用。

＆＃xA;＆＃xA;

这是HTML：

＆＃xA;＆＃xA;

 ＆lt; div class =“col -sm-6 col-md-4 col-lg-4特价“＆gt;＆＃xA; ＆lt; div class =“container”＆gt;＆＃xA; ＆lt; div class =“row”＆gt;＆＃xA; ＆lt; div class =“menu-section”＆gt;＆＃xA; ＆lt; embed src =“Menu / lSpecials.htm”width =“100％”＆gt;＆lt; / embed＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; div class =“col-xs-12 col-sm-6”＆gt;＆＃xA; ＆lt; div class =“menu-section”＆gt;＆＃xA; ＆lt; embed src =“Menu / lunch1.htm”width =“100％”＆gt;＆lt; / embed＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; div class =“col-xs-12 col-sm-6”＆gt;＆＃xA; ＆lt; div class =“menu-section”＆gt;＆＃xA; ＆lt; embed src =“Menu / lunch2.htm”width =“100％”＆gt;＆lt; / embed＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

CSS：

＆＃xA;＆＃xA;

  #fine-menu .menu-section {＆＃xA;保证金：0 20px 20px;＆＃xA; display：block;＆＃xA;}＆＃xA;

＆＃xA;＆＃xA;

非常感谢任何帮助！

＆＃xA;

Answer 1

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

第一个选项：

而不是设置

overflow: hidden

在包含你的iframe时，你应该拉伸iframe以适合你的div，只要尽量确保div足够长以处理最长的文档。

第二

你可以使用display：flex; align-items：strech; 请参阅此处的参考：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

第三

根据您的设计，将您的溢出设置为可见，只需确保它底部有很好的边距。

使<div>使用网站来源获取<iframe>的高度？

1 个答案: