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

Question

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

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

我希望我有道理。如果您需要参考代码，请告诉我。

可以使用JavaScript和jQuery。

Answer 1

想要指出你可以使用百分比，但这也行不通。如果你可以在服务器端设置类名（例如php-script，它知道应该显示多少列），你可以定义一个

.twoColumnLayout{
  width:50%;
}

和

.threeColumnLayout{
  width:33%;
}

...

但是如果您使用javascript（例如使用jQuery），这会更容易，您可以确定有多少columsn，然后在页面内动态设置每列的内容。

Answer 2

$("<div>").insertAfter(element).css("width", 99 / countColumns + "%")

99就在那里（不是100），因为有些浏览器不喜欢带滚动条的100％宽度并实际包装内容（你也可以设置overflow：hidden）。

我的jQuery-fu有点生疏，我离开了我的开发平台，但上面的示例应该有效.....：p