Html 将4个分隔为不同级别上的2组的分区盒对齐？

我很难对齐4个分区框

他们分为两组，每组两人，级别不同

这是指向它们所在页面的链接（它们是底部的粉红色框）：

---

谢谢。

删除4 img元素上的float属性并添加此css：

#bottom-cont{clear:both;}

.imageBox{float:left;}

---

您好，我已经听从了您的建议，但是还有一个箱子在其他箱子下面。您对如何解决这个问题有什么建议吗？使用.imageBox img{…}进行测试。（）并验证您的html结构