CSS元素高度0

Question

我确实有一个角度元素，我想在其上具有相对于viewPort的高度，比如说50％，不是像素。

但是我一直使我的<< strong> ag-grid-angular >元素的高度为0，并且仅当我以px为单位指定高度时才会改变。

我想念什么？

.grid-wrapper {
  padding-top: 46px;
  max-width: 1000px;
  height: 50%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* the padding and border of that element no longer increase its width. */
  border-style: solid;
}

<div class="grid-wrapper">

  <ag-grid-angular style="margin: auto;
            width: 50%; height: 50%;
            border: 3px solid green;" </ag-grid-angular>

</div>