Css Can'；t使子控件正确溢出

我得到了如下布局：

此处为实际网站，内容略去，仅供参考：

现在红色、蓝色和橙色都应该是固定的。布局中唯一真正应该改变的部分是绿色部分。我把绿色部分的所有内容都包装在一个div中，这应该可以实现，但我就是想不出来

我希望这样，如果绿色在Y中溢出，那么绿色应该负责处理溢出，而不是它的父级。但目前父级处理溢出Y，出于某种原因，Green自己处理溢出X。我不知道这是为什么。Green的父级具有以下CSS：

.render-body {
    margin-left: 200px;
    margin-bottom: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    transition: margin-left ease .25s;
    width: auto;
    height: 100%;
    overflow-y: scroll;
    overflow-x: auto;
}

.render-body body {
    height: inherit;
    width: inherit;
}

现在，如果我对溢出应用CSS规则，这里就是我得到的结果（绿色的是孩子的滚动条，但右边的是家长的滚动条）：

我希望家长的滚动条消失，让孩子负责

我将如何实现这一点

---

下面是蓝色和橙色的CSS，以备您需要

侧边栏（蓝色）显示以下内容：

.context-sidebar {
    background-color: #e7e7e7;
    color: #eee;
    position: fixed;
    height: 100%;
    width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    margin-bottom: 20px;
    transition: left ease .25s;
}

.layout-footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    position: fixed;
    width: 100%;
    height: 20px;
    bottom: 0;
}

页脚（橙色）显示以下内容：

.context-sidebar {
    background-color: #e7e7e7;
    color: #eee;
    position: fixed;
    height: 100%;
    width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    margin-bottom: 20px;
    transition: left ease .25s;
}

.layout-footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    position: fixed;
    width: 100%;
    height: 20px;
    bottom: 0;
}

红色的CSS只是引导类：

<nav class="navbar navbar-default navbar-override" id="layout-navbar">
        <div class="container-fluid">
            <div class="navbar-header">

---

Flexbox使这种布局变得简单。使用主父级或主体的

列

布局，然后主节将

flex-grow

填充空间并成为

flex

，其左/右子节将作为flex-children，绿色区域设置为

overflow-y:scroll

正文{
最大高度：100vh；
保证金：0；
显示器：flex；
弯曲方向：立柱；
}
标题{
背景：红色；
}
页脚{
背景：橙色；
}
主要{
柔性生长：1；
显示器：flex；
}
旁白{
背景：蓝色；
flex:0300px；
}
文章{
背景：绿色；
弹性：100；
溢出y：滚动；
}

标题
在一边
pfoo
foo
foo
foo
foo
foo
foo

页脚

考虑到我已有的CSS，我如何实现这一点？我必须全部重写吗？如果有帮助的话，我正在使用引导。@Vipar如果您没有发布完整的代码，我无法对您现有的代码提供反馈。我必须猜测哪些类应用于哪些元素，并且您的html结构正确，这是没有效率的。你应该可以用我的代码来理解它，它非常简单。我是故意这样做的，所以你可以复制/粘贴它。我刚刚开始，使用你提供的，所以。