码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-09-16 00:46:59      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

原文出处: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";
}   

 

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

标签:

原文地址:http://www.cnblogs.com/fsong/p/4811836.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!