我对表的流体排列有疑问。我附上了一个屏幕截图，试图解释我想要实现的目标。
基本上，我有许多动态创建的表。它们的宽度是固定的，但它们的高度可以变化。我想要实现的是，重新调整浏览器窗口大小时的空间最大利用率（就表的组织而言）。
我尝试过以下方法： 1.按照行数的降序排列表格。 2.使用'float：left;'的风格在桌子上（或桌子周围的div）。
但是，正如您在下面看到的那样，表4中可能已经使用的第一列下面有一个间隙（下面的最后一个），但它没有因为表3（第2列，第2行）占据了一些空间，阻止了桌子4放在上面。
我希望我以一种可以理解的方式描述它，如果不是，请告诉我如何澄清任何要点，以便你能帮助我。
基本上尝试以最大的空间利用率获得流畅的设计。关于如何实现这一目标的任何想法？
提前致谢。 Example http://img717.imageshack.us/img717/5492/exampleqm.jpg
