HTML / CSS浮动自动填充空白区域

Question

我创建了一个连接到sql以获取作业状态的仪表板。每个作业集合都显示在设置为向左浮动的Div中。如果一切都很好，它看起来如下：

当出现错误时，包含作业的div会自动展开以显示作业，然后看起来像：

我想知道其他div是否有办法调整并进入白色空间？我猜这不可能只使用HTML和CSS所以我愿意使用jquery如果有人知道任何可以轻松做到这一点的插件！

谢谢！

Answer 1

您可以使用Masonry。 Masonry是一个JavaScript网格布局库。

Answer 2

我认为TimeValidation正在创建自己的块

您需要使用relatedPropertyName

这是您需要的示例：

float:left

如果你想保留div属性为display property，那么你需要将ul {display:table;} ul li {display:table-cell;} 提供给错误部分（错误主标记）。

或在看到错误后，您可以在用户单击关闭按钮时使用jquery hide事件，然后它将隐藏。

float:left;链接：http://jsfiddle.net/abidkhanweb/mqz9j060/2/

试试这个：

position:absolute

JS Fiddle

$('.close').click(function() {
  $(this).parent().hide(); 
});