其实我还是倾向于浮动布局,只是后台数据必须放在一个静态的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值