Bootstrap 4选项卡溢出内容不滚动

Question

使用Bootstrap 4 Holy Grail布局。

每列都应独立滚动溢出的内容，而无需声明高度。最左列正确滚动。不过，最右边的列具有Bootstrap NAV / TAB小部件。其中的第三个标签 MENU 2 包含溢出内容，无论我尝试什么，该内容都不会滚动。

我想念什么？任何帮助将不胜感激！

以下是相关的CSS：

from google.colab import eval_js
text = eval_js("navigator.clipboard.readText()")

演示：range

非常感谢！

https://www.codeply.com/go/Db0rEUYvXn

Answer 1

发现了问题。显然，FF（35.0.1 +）和IE11在嵌套的弹性盒中不能很好地滚动。这是解决方法。

firefox overflow-y not working with nested flexbox

https://github.com/philipwalton/flexbugs/issues/164

我将更新Bootstrap 4 Holy Grail布局代码以反映解决方法。享受吧！