如何使用flex-CSS增加表的高度

Question

我正在尝试渲染桌子的全宽和全高：

HTML：

<div class="container">
     <div styleName="child-cont">
       <div>name 1 </div>
       <div> name 2</div>
  </div>
</div>

的CSS：

 .container {
  flex-direction: column;
  display: flex;
  flex: 1;
  overflow-y: hidden;

}
.child-cont {
flex: 1;
}

使用上述内容时，我的桌子会被压扁。它有多行，但只有1行渲染，其他行得到滚动条。看起来像：

有什么方法可以让这张桌子呈现全高，试过height: 100%;在父母和儿童容器上，但没有运气。我无法从应用程序的其他部分使用的父项中移除prop“flex”，是否有“flex”的替代方案会占用flex:1所需的空间？ 有任何想法吗 ？ 谢谢！