float高度不一致，导致错位的解决办法

1、给父元素定义font-size:0; 浮动子元素定义需要的font-size， 再定义display:inline-block;vertical-align:top;

ul{
    font-size:0;
}
ul li{
    display:inline-block;
    vertical-align:top;
}

2、给换行后的第一个li添加clear:left

/* 每行三个li */
li:nth-child(3n+1){
    clear:left;
}