收藏
回答

小米手机 小程序真机调试 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缺生效了  不太懂为什么会这样  我也上过百度 没看见过类似的问题 求解答

最后一次编辑于  11-09
回答关注问题邀请回答
收藏

1 个回答

  • 其家肆
    其家肆
    11-09

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

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