瀑布流!

1.首先将html结构写好，接着写css样式。
2.容器的宽度和高度要设置为自动。

1为通配符和图片设置border:none;的目的是为了防止老版本的ie浏览器会给图片增加一个边框。

2.在样式设置是学会了一个新知识点：box-sizing,默认属性是content-box,另外一个属性是border-box。box-sizing:content-box;这么理解：盒子的尺寸是内容的宽和高；box-sizing:border-box;这么理解：盒子的宽高包括了从边框开始到内容的宽高.
为通配符和图片设置border:none;的目的是为了防止老版本的ie浏览器会给图片增加一个边框。

3.在样式设置是学会了一个新知识点：box-sizing,默认属性是content-box,另外一个属性是border-box。box-sizing:content-box;这么理解：盒子的尺寸是内容的宽和高；box-sizing:border-box;这么理解：盒子的宽高包括了从边框开始到内容的宽高.
4.实现思路：

关键点：利用浮动元素变为行内块元素，能自动换行的特点。自动获取每一个子项 的div的高度。
[注意点：如果不是在事件中定义，需要在window.onload中定义，如果不定义，应为获取高度时，图片还没有加载完成，所以获取的数值会报错]；