为何在外层div设置高度自适应不生效

[已解决问题] 解决于 2019-09-27 14:31

1.页面高度变化时可做到自适应

  <div class="main-content">
      <left :style="'height:'+cheight" />
      <cen :style="'height:'+cheight" />
      <right :style="'height:'+cheight" />
    </div>

2.页面高度变化时不能自适应

 <div class="main-content" :style="'height:'+cheight">
      <left style="height:100%" />
      <cen style="height:100%" />
      <right style="height:100%" />
    </div>

问题补充：

已设置

html,body{
  width: 100%;
  height: 100%;
}

.wrap {
  width: 100%;
  height: 100%;
}
  .main-content{
    padding: 10px 10px 0;
    height: calc(100% - 20px);
    width: 100%;
    display: flex;
  }