md-tab-group选项卡内容未显示其完整高度

Question

我有以下代码段：

<md-tab-group>
  <md-tab>
    <template md-tab-label>
      <em>Patients</em>
    </template>
    <div>

      <epimss-race-olp></epimss-race-olp>
    </div>
    <!--<epimss-patient token = 'patient->registrant'></epimss-patient>-->
  </md-tab>

</md-tab-group>

epimss-race-olp是一个高度为200px的UI。但是，在显示时，显示彼此相邻的垂直滚动条而不是UI。通过滚动条滚动显示UI一次只占一小块区域。

为什么用户界面没有显示出来？

Answer 1

我必须看到你的css文件，但我认为你没有给你足够的空间来展示

试试这个

<div style="min-height:200px;min-width:200px;">
  <epimss-race-olp></epimss-race-olp>
</div>

或在各自的css中，对于epimss-race-olp的父元素

{
  min-height:200px;
  min-width:200px;
}