jquery - 如何扩展 float 的div以占用动态删除的div留下的空间？

Question

这基本上是一个比较页面，您可以在其中比较 2-5 种产品。

我需要知道主 div 中是否有 5 个 float div。所有 5 个 div 都是动态创建的。当用户选择 5 个产品进行比较时，主界面会填充 5 个 div。但如果用户只选择 2 个产品进行比较。 2 个 div 不填充空间，只覆盖 2 个 div 的宽度。我希望它们填满主容器。

希望我说的有道理。如果您需要引用代码，请告诉我。

可以使用 JavaScript 和 jQuery。

Answer 1

想指出您可以使用百分比，但这也行不通。如果您可以在服务器端设置类名(例如，知道应该显示多少列的 php 脚本)，您可以定义一个

.twoColumnLayout{
  width:50%;
}

和一个

.threeColumnLayout{
  width:33%;
}

...

但如果您使用 javascript(例如使用 jQuery)，这会更容易，您可以在其中确定有多少列，然后在页面内动态设置每列的名称。