我正在构建一个UI，它需要在视口底部有一个固定位置/粘性元素，其宽度受主内容区域的约束。主要内容区域可选择由（兄弟）左侧和/或右侧边栏固定宽度，因此我使用Flexbox在主要内容上构建带有flex-grow: 1的三列结构。
我从@Marc Audet在How can I make a fixed positioned div inherit width of parent?接受的回答中了解到，在固定元素上设置width: inherit通常是如何解决这个问题，但只有在指定的宽度上才能起作用它的父母，这并没有帮助我考虑我需要主要内容区域来填充页面的剩余宽度。
有没有人有任何想法绕过这个？查看我的Fiddle代码/示例。任何帮助将不胜感激！