动态图片乱布局--概念设计

最近项目答辩做一个图片分享的，界面要炫，所以想到了一种布局，图片放在一个div里面，实现多种图片的高宽不一样。

想了一下觉得先画个图考虑布局的设计会是什么样的额！

首先这是整个页面的布局，长正方形为图片。如何实现填充呢，按照图片的比例来设置高宽

想了半天，终于感觉有点头绪了，将大问题转化为小问题，（当然在这里长方形不一定就为图片了，也许会用div来扩充位置，来填充其他图片造成的影响。）

在大的长方形中，我们可以化为一个个小的长方形来解决。同时用类似的方法解决其他的问题。

但是想的总感觉边界有点问题，怕边界会有空隙，那样有可能会对图片布局美观造成影响。