固定宽度的瀑布流怎么实现呀？

Question

类似这样的  <div><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:100px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:50px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:200px"/></div>
  <div><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:60px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:200px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:40px"/></div>
  <div><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:80px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:120px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:50px"/></div>
  <div><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:200px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:60px"/><img src="http://avatar.csdn.net/D/B/0/1_loly_zhang.jpg" style="height:120px"/></div>
  <style>
  div{width:100px;float:left;padding:10px;}img{width:100px;padding:5px 0px;}
  </style>