收藏
回答

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)
登录 后发表内容
问题标签