用js实现瀑布流布局以及通过模拟的数据加载图片,已标记注释
效果如图:
<!DOCTYPE html>
<html>
<head lang=en>
<meta charset=UTF-8>
<title>瀑布流布局-JS实现</title>
</head>
<style type=text/css>
*{
margin: 0;
padding: 0;
}
#main{
position: relative;/*整体相对定位,因为每个小图片盒子的位置是通过计算再由绝对定位放置,是需要相对于main盒子*/
}
.box{