如何控制有两个孩子的父容器的高度？

Question

我有一个带两个孩子的容器。问题是，当正确的子项很大时-我希望容器的最大高度为260px，正确的子项滚动；但。当左孩子也很大（大于260px）时，它将使容器与左孩子的内容一样大。 https://jsfiddle.net/oms4nak3/2/

display: flex

.container{
  border: 1px solid black;
  display: flex;
}
.a{
  border: 1px solid red;
  width: 60%;
}
.b{
  border: 1px solid blue;
  width: 40%;
  max-height: 260px;
  overflow: auto;
          
}