收藏
回答

小米手机 小程序真机调试 flex与rpx布局 高度失效 不知道因为什么? 求大佬回答

父元素

.sortBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 700rpx;
  height: 125rpx;
  background: dodgerblue;
  margin: 50rpx auto 40rpx auto;
}

子元素

.sortList {
  width: 130rpx;
  height: 150rpx;
}

理论是父元素高度125 宽度700  里面子元素平摊空间,在开发工具中测试可行,截图如下


但是实际真机调试中


亲测  确实是没有高度 但是margin缺生效了  不太懂为什么会这样  我也上过百度 没看见过类似的问题 求解答

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

2 个回答

  • 抄冬
    抄冬
    2020-04-02

    是不是你页面最外层的view的高度设置成百分之百了

    2020-04-02
    有用
    回复
  • 其家肆
    其家肆
    2019-11-09

    虽然已经用浮动解决了 但是还有不太懂为什么  既然发生了 我个人觉得就要去解决掉 而不是去换一种方法

    2019-11-09
    有用
    回复 2
    • 建
      2019-11-09
      父元素的高度比子元素的小,你父元素加个 overflow: hidden; 样式看看
      2019-11-09
      1
      回复
    • 其家肆
      其家肆
      2019-11-09回复
      强行包裹吗?我没试过  一会去试一下 谢谢大佬
      2019-11-09
      回复
登录 后发表内容
问题标签