Javascript HTML/CSS左浮动自动填充空白

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

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

我想知道是否有办法让其他div调整并进入空白区域？我猜仅仅使用HTML和CSS是不可能的，所以如果有人知道任何插件可以轻松实现这一点，我愿意使用jquery

---

谢谢

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

我认为

float:left

正在创建自己的块

您需要使用

显示属性

以下是您需要的示例：

ul {display:table;}
ul li {display:table-cell;}

如果您想保持div属性为

float:left因此您需要为错误部分（错误主标记）指定
位置：绝对值

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

jsfiddle
链接：

试试这个：


$（'.close'）。单击（函数（）{
$（this.parent（）.hide（）；
});
.main{宽度：100%；}
.sub{宽度：23%；位置：相对；背景：绿色；高度：80px；浮动：左侧；边距：1%；}
.sub.error{位置：绝对；宽度：100%；左侧：0px；顶部：0px；背景：红色；高度：100px；z索引：10；}
.sub.error.close{位置：绝对；右侧：10px；顶部：10px；文本对齐：中心；字体大小：11px；背景：#FF0；高度：20px；宽度：35px；光标：指针；内容：；}

关闭
您是否尝试过砌体（）请制作小提琴这是使用JSFIDLE的好方法，答案中也包含内容。