css3实现瀑布流

js瀑布流效果搭建

血红的双手。 提交于 2019-12-09 12:13:46
最终实例下载地址: http://www.oschina.net/code/snippet_2352644_55042 一.基本瀑布流实现 这篇博客也是实例的讲解,本来已经完成了一半,因为临时有事出去,再回来一个没注意,关闭了页面,我记得明明会自动保存的,哎! 图片放在images目录下: 1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png 11.png 12.png 再写也没有那么多动力了,我把全部代码直接粘贴,然后讲一下里面的知识和注意问题: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>瀑布流</title> <style type="text/css"> /*reset*/ *{ padding:0; margin:0} body{ height: 100%; width: 100%; font-size:12px; color:#333;} ul{ list-style:none;} /*demo*/ #box{ width:480px;margin:50px auto;position:relative; border-top:5px solid #ddd;} #box div{ width:120px; position