Html 如何在调整浮动元素的大小时避免布局中出现间隙

我有一个左浮动的div列表，显示为正方形：

aa bb cc dd ee
aa bb cc dd ee
ff gg hh ii jj
ff gg hh ii jj

例如，当我更改正方形b的高度时，我得到：

aa bb cc dd ee
aa bb cc dd ee
   bb ff gg hh
   bb ff gg hh
ii jj
ii jj

我怎样才能取而代之：

aa bb cc dd ee
aa bb cc dd ee
ff bb gg hh ii
ff bb gg hh ii
jj
jj

---

谢谢

你不能用浮动来做这件事。尽管看起来很悲哀，但在CSS3网格系统得到更多实现之前，表可能是最好的解决方案。

浮动是无法做到这一点的。尽管看起来很悲哀，但在CSS3网格系统得到更多实现之前，表可能是最好的解决方案。

文档流的工作方式意味着您无法使用浮动来实现这一点。在某些情况下，另一种选择是使用列表显示：表格和表格单元格表格行，但这缺乏colspan支持。Colspan实际上正是您想要的（bb电池的Colspan为2），其余电池的Colspan正常。表格是您的最佳选择。

文档流的工作方式意味着您无法使用浮动来实现这一点。在某些情况下，另一种选择是使用列表显示：表格和表格单元格表格行，但这缺乏colspan支持。Colspan实际上正是您想要的（bb电池的Colspan为2），其余电池的Colspan正常。一张桌子是你最好的选择。

如果你使用JS来实现这类功能，可能会更好。

如果你使用JS来实现这类功能，可能会更好。

你无法通过浮动来实现这一点，你需要相对/绝对定位-但这会带来很多限制，当然，你不能用浮动来实现这一点，你需要相对/绝对定位，但这当然带来了很多限制。