height對float的影響

接手一個新項目，測試同窗提出一個window系統中存在的樣式問題，大概是下圖這樣

代碼以下

<div class='box clearfix'>
<div style='float:left'></div>
<div style='float:left'></div>
<div style='float:left'></div>
<div style='float:left'></div>
</div>
複製代碼

mac正常，window偶爾會如上圖 查了半天發現是height的影響 目前我知道：兩種方案 1.異常div和它前面div之間加個

2.異常div和它前面div的高是否相等，不相等的話設置一致。 由於個人div列表不定量，若是用1方案感受不太優雅，因此我用了2方案，最終找到是line-height：49 致使的。改爲偶數，高和其餘div一致就行了。

花了1個種解決這個問題，有點小坑的。 若是你有更優雅的解決方案，歡迎分享下～