浮动DIV以填充未使用的空间

使用某个API时，我使用的function基本上为我提供了几十种类别的设置。 为了显示这些，我选择了一个容器DIV并按组拆分设置（4x 25％宽度表），其中每个解析的组接下来出现。

这可以很好地处理可变数量的设置的小问题，导致剩余大量未使用的空间。 这是由于我将所有内容都浮动而导致的，但是最长的表会导致下一个表格显得更加向下。

CSS是否支持任何允许将这些表浮动到未使用空间的内容？ 我突出了屏幕截图上最大的表格以强调。

Answer 1

查看http://masonry.desandro.com/

我将它用于当前的项目是好的。 我目前在下拉列表中发现Bootstrap和浮动元素的一些问题。 虽然没有什么会导致我放弃插件。

Answer 2

试试这个JS方法：

现在HTML部分：

 
 
Your content here!
  

这是关于它但确保你有一个id="container"而不是class="container"也添加这个CSS样式在你的CSS文件中：

 #container > div { position: absolute; float: left; width: 25%; } 

结果：使用自动顶部和左侧元素样式自动对齐div。

希望这个有效！ -Arqetech