height对float的影响

接手一个新项目,测试同窗提出一个window系统中存在的样式问题,大概是下图这样bash

代码以下测试

<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之间加个spa

2.异常div和它前面div的高是否相等,不相等的话设置一致。 由于个人div列表不定量,若是用1方案感受不太优雅,因此我用了2方案,最终找到是line-height:49 致使的。改为偶数,高和其余div一致就行了。

花了1个种解决这个问题,有点小坑的。 若是你有更优雅的解决方案,欢迎分享下~3d

相关文章
相关标签/搜索