问题展示：可以看到设置float:left的盒子没有高度，导致下面的盒子错乱，往上移了。

 正确展示：

第一种方法：只需要在float浮动盒子的父级元素加上  overflow: hidden   就可以！

 第二种解决办法：在浮动div的后面加上这个就可以

<div style={{ clear: ‘both‘ }}/>

第三种：直接设置父级盒子高度---（不建议，有时候不知道盒子高度有多少呢）
个人强烈建议第一种次之第二，看场景。

css 设置float浮动元素盒子无法定位高度怎么办，float影响下面div盒子偏移怎么办