问题展示：可以看到设置float:left的盒子没有高度，导致下面的盒子错乱，往上移了。
正确展示：
第一种方法：只需要在float浮动盒子的父级元素加上 overflow:
第二种解决办法：在浮动div的后面加上这个就可以
<div style={{ clear: ‘both‘ }}/>
第三种：直接设置父级盒子高度---（不建议，有时候不知道盒子高度有多少呢）
个人强烈建议第一种次之第二，看场景。
css 设置float浮动元素盒子无法定位高度怎么办，float影响下面div盒子偏移怎么办
原文：https://www.cnblogs.com/seemoon/p/13220657.html