其实我还是倾向于浮动布局,只是后台数据必须放在一个静态的div内,

而必须给每个one元素的鼠标经过加上一个全屏宽的下拉气泡,

并且下一行内容随之下移,

所以不能随意增删div。

数学方法采用求余和除法即解决:

 

var _length=$(".one").size();

var _width=$(window).width()<1000?1000:$(window).width();

var imgWidth=180;

var _num=Math.floor(_width/imgWidth);

var _left=_margin+(imgWidth*(i%_num)); // 解决超出限制就换行

var _top=(220+20)*Math.floor(i/_num);  //解决换行后的top值

posted on 2014-03-28 16:27  meeming  阅读(321)  评论(0)    收藏  举报



Fork me on GitHub