Html 内部div不扩展到父级'；s高度

如果我的问题与StackOverflow上的其他问题相似，我深表歉意。似乎没有一个类似的问题能解决我的特殊情况

我在父div中有两个子div。child-div-2具有固定的高度，这定义了父div的高度

如何将Child-Div-1的大小设置为Child-Div-2和父Div的高度

下面是我创建的一个JSFIDLE，用于演示这种情况：

我想橙色容器自动调整大小，使其高度与绿色和红色容器相同

谢谢

<div class='outer-container-blue'>
  <div class='inner-container-left-orange'>
    inner left
  </div>

  <div class='inner-container-right-red'>
    <div class='inner-container-right-green'>

      <div class='inner-container-right-child'>
        inner1
      </div>
      <div class='inner-container-right-child'>
        inner2
      </div>
      <div class='inner-container-right-child'>
        inner3
      </div>

    </div>
  </div>

</div>

---

您可以在外部容器上设置高度（55px适用于我）。然后将内部容器上的高度设置为100%。

使用以下内容来设置

。内部容器左橙色

CSS：

.inner-container-left-orange {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

和

溢出：隐藏到

.outer-container-blue

你可以检查。
好的！总是忘了这一点：）似乎和父母的位置有关，而孩子的位置也一样。
.outer-container-blue