固定的全屏高度外部容器，内部溢出的内容
问题描述：
我有一个模式，从右侧滑出并取得浏览器窗口的全部高度。它有一个页眉，页脚和中间内容。如果中间内容变得足够高，我希望它滚动（溢出：自动）。这可能吗？固定的全屏高度外部容器，内部溢出的内容
这里是我的模式的截图：
所以基本上，我想要的页眉和页脚，以保持他们在哪里（头顶部，和页脚无论是在最底层，或在内容的底部），如果我现在调整了浏览器窗口的大小，那么一旦浏览器的高度变得比内容短，我会希望在中间内容中看到一个滚动条。
.modal-body {
overflow: auto;
}
似乎没有做任何事情。
这里的JS小提琴：https://jsfiddle.net/707xbabw/2/
答
什么工作是把overflow: auto上.modal-content。但是，然后关闭按钮消失，因为它超出了溢出的内容。为了解决这个问题，把它放在DIV更高，它应该工作，因为它猜想：
应尽可能用'MAX-height'和'溢出：auto'我承担？你有一个jsfiddle或者你能显示一些代码吗？ – adamk22
在问题中添加了jsfiddle链接。 – jbyrd
也许它可以使用flexbox完成？ – jbyrd