父盒子不设置高度，子盒子设置高度出现溢出的情况

类似代码

<view style="height:500rpx"
  <view>123</view
  <view><view style=" display: inline-block; width: 130rpx; height: 48rpx;" v-for=" (item, index) in 5">456</view 
  </view
</view>

页面问题

我这个是在微信小程序发现的问题，有的手机不会出现塌陷，正常显示，有个别手机不能显示出来，就弄的很奇怪，找了好久这个问题，在弹框里

当时一直以为是因为使用的ui组件不兼容某些设备的问题，换了几个组件显示还是这样，后来使用真机调试，可以看到元素的样式，发现有个父盒子没有设置高度出现溢出的情况，所以显示不出来，父盒子设置高度后可以正常显示了
还有一个也会出现高度塌陷的问题
高度塌陷的原因：当前盒子没有高度，且内部元素脱离文档流，导致没有元素可以撑起盒子。当元素设置了浮动或者绝对，固定定位时，都会导致元素脱离文档流；