div 剪辑的内容超出其边界

Question

我这里有一个div，里面有一堆按钮和这个CSS代码：

#shop {
height:calc(45% - 15px);
overflow:scrollable;
}

但是，溢出将无法正常工作。尽管高度固定，但按钮总是在下面溢出。理想情况下，这将是您可以滚动浏览的内容。这是一个jsfiddle：https://jsfiddle.net/38d1rc06/1/

编辑：这很尴尬，但我的问题是我在溢出方面输入了"可滚动"而不是"滚动" - 对此感到抱歉！

Answer 1

对于开始 - https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 使用scroll，但不能"滚动"。

第二和平内在内容不包装 -#shop {white-space: nowrap}.