css設置float浮動元素盒子無法定位高度，float影響下面div盒子偏移完美的解決辦法

問題展示：可以看到設置float:left的盒子沒有高度，導致下面的盒子錯亂，往上移了。

 

 正確展示：

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

 

 第二種解決辦法：在浮動div的后面加上這個就可以

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

第三種：直接設置父級盒子高度---（不建議，有時候不知道盒子高度有多少呢）
個人強烈建議第一種次之第二，看場景。