全高 bootstrap 网格 - 带有嵌套的 overflow-y：滚动
Full height bootstrap grid - with nested overflow-y: scroll
我在使用 bootstrap 网格和带有 overflow-y 的嵌套 div 时遇到问题。
就像 中提到的，我尝试添加一个 min-height:0
到父祖先，但无法将其发送到 运行.
left Chrome, right: Firefox
在 Chrome 中，布局呈现正常（没有浏览器滚动条），红色区域中的滚动条标有 overflow-y: scroll。
在 Firefox 中，布局呈现不正确（显示浏览器滚动条，红色区域没有滚动条）
我的目标是在所有浏览器中拥有一个 100% 高度的网页，右栏垂直拆分 (25% | 75%) 并且在红色区域中有一个滚动条 ;-)
我已经把资源放到 codepen
有什么建议，如何实现预期的行为？
我已经稍微调整了你的代码，请查看这个fiddle。
尝试将 height: 100vh; 添加到 .bg-secondary。此外，我已将 overflow-y: scroll 移至 .bg-danger
并确保您已导入所有必要的 bootstrap 文件，我使用了 bootstrap.min.js(v4.1.3)、bootstrap.css (v4.1.3)、popper.min.js (1.12.9), jquery-3.2.1.slim.min.js
我在使用 bootstrap 网格和带有 overflow-y 的嵌套 div 时遇到问题。
就像 min-height:0
到父祖先，但无法将其发送到 运行.
left Chrome, right: Firefox
在 Chrome 中，布局呈现正常（没有浏览器滚动条），红色区域中的滚动条标有 overflow-y: scroll。
在 Firefox 中，布局呈现不正确（显示浏览器滚动条，红色区域没有滚动条）
我的目标是在所有浏览器中拥有一个 100% 高度的网页，右栏垂直拆分 (25% | 75%) 并且在红色区域中有一个滚动条 ;-)
我已经把资源放到 codepen
有什么建议，如何实现预期的行为？
我已经稍微调整了你的代码，请查看这个fiddle。
尝试将 height: 100vh; 添加到 .bg-secondary。此外，我已将 overflow-y: scroll 移至 .bg-danger
并确保您已导入所有必要的 bootstrap 文件，我使用了 bootstrap.min.js(v4.1.3)、bootstrap.css (v4.1.3)、popper.min.js (1.12.9), jquery-3.2.1.slim.min.js