首页 新闻 会员 周边 捐助

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

0
[已解决问题] 解决于 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;
  }
wwj007的主页 wwj007 | 菜鸟二级 | 园豆:245
提问于:2019-09-18 10:20
< >
分享
最佳答案
0

你这是vue写法吗?试试:style=“{height: cheight + ‘px’}”
注意英文引号

奖励园豆:5
月牙天缺 | 初学一级 |园豆:11 | 2019-09-24 20:10

是vue项目,这样不行,改完全js写了

wwj007 | 园豆:245 (菜鸟二级) | 2019-09-27 14:30
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册