父元素
.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缺生效了 不太懂为什么会这样 我也上过百度 没看见过类似的问题 求解答
是不是你页面最外层的view的高度设置成百分之百了
虽然已经用浮动解决了 但是还有不太懂为什么 既然发生了 我个人觉得就要去解决掉 而不是去换一种方法