[装载]float元素浮动后高度不一致导致错位的解决办方法

原文出处:float元素浮动后高度不一致导致错位的解决办方法

给换行后的第一个li添加clear:left 如：

ul li{float:left;width:160px;}
.c{clear:left;}
<li>1</li>
<li>2</li>
<li>3</li>
<li class="c">4</li>
<li>5</li>
<li>6</li> 

在这里，程序循环时，添加个if判断即可。

--------------华丽分割线

我的程序中时每三个为一列，所以循环的class使用这三个代替

//开头的第一列
if((($rowNum - 1)%3) === 0){
    $tdClass = " clearleft";
}

//开头的第二列
if((($rowNum + 1)%3) === 0){
    $tdCenterClass = " centerColum";
}
//开头的第三列
if(($rowNum%3) === 0){
    $tdLastClass = " rightColum";
}