今天同事作分享的主题，在这里大概记录下。何为瀑布式布局？其实是起始于 Pinterest ，Pinterest 打破了传统布局，元素不再是成行等高排列，而是每行里的元素高度不固定，而下行对应的元素能拼接上来，这样看起来每个元素更像一个个的模块，更具有独立性。下面是常见的两种实现思路。
第一种方式比较容易理解，虽然每个模块的高度是不固定的，但宽度却是不变的，我们可以把页面看成几列很长的元素组成，并使其浮动成行排列，如下：
关于 border 三角形
相信大家都对于如何利用边框(border)巧妙的绘制三角形有所了解，但人就是这样，很多时候总是局限于了解，亲身动手实现的话，又觉得过于繁琐，我也一样，以前很多时候看到设计稿的三角形小箭头，都是直接切图实现，虽然省事，但却没注意上性能上的问题，虽然小三角形图片的大小可能和实现代码的字节差不多，但利用代码写出来的效果是不需要任何的HTTP请求，一定程度上减小了服务器的压力。
首先让我们回顾下实现的代码：
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!