公告列表
公告列表
收藏
回答

flex布局里，min-height相关的问题？

纵向flex布局的时候，设置父元素的 min-height，子元素内部的元素会干涉到子元素的flex计算

当然，这个问题其实和小程序没啥关系，在chrome里用div也是一样的效果。但是我想不通为啥这样。

代码片段：https://developers.weixin.qq.com/s/fltrgymv7NdT

回答关注问题邀请回答
收藏

1 个回答

  • YGBen
    YGBen
    2019-12-12

    和父元素的min-height没关系，是子元素的高度影响了。


    2019-12-12
    有用
    回复 8
    • 卢霄霄
      卢霄霄
      2019-12-12
      你把min-height换成height看看呢
      2019-12-12
      赞
      回复
    • YGBen
      YGBen
      2019-12-12回复卢霄霄
      肤浅了我。。。
      2019-12-12
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-12-12回复YGBen
      哈。。哈哈。。min-height下，计算高度的方式变了：200除去了子元素的40，然后按照flex-grow值对半分，就是各80..上面红色部分就是80 + 子元素的40，就是120，绿色部分就是40..不知道为啥这样
      2019-12-12
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-12-12回复YGBen
      啊呸。。口胡 绿色部分就是80
      2019-12-12
      赞
      回复
    • YGBen
      YGBen
      2019-12-13回复卢霄霄
      flex-basis是设置item 初始化大小的。所以一定跟flex-basis有关。把 flex: 1换成flex:1 1 auto 和 flex:1 1 0，就发现了。min-height和height下flex解析不同，是不是只能这样解释了？
      2019-12-13
      赞 1
      回复
    查看更多(3)
请 登录 后发表内容
相关问题
相关文档
问题标签
布局