我一直在尝试使用CSS3 flexbox创建以下布局，但遇到了绊脚石。
布局有3个外行，“标题”和“页脚”是固定高度。中间弯曲以填充可用空间。中间行也必须是可滚动的。
在灵活的中间，有3列，左边和右边是固定宽度，中间是弯曲以填充可用空间。
到目前为止看到我的内容：http://codepen.io/Samih/pen/yCHaI
一切都在游泳，但在所有3个主要浏览器（chrome，firefox和IE11）向下滚动时，您会注意到3列上的背景/边框不会延伸到父容器的整个高度。它们的高度在可见区域的高度处最大，而不是容器的整个高度。
提前感谢您的帮助。