Html 围绕浮动内容包装div，而包装的宽度不与浮动内容的宽度相同'；她自己的父母

我的问题是，我需要能够将包含另一个div中所有浮动元素的div居中。这需要是动态的

我已经设法得到了这样一个div，但我最后一个问题是当您添加足够的元素时，它会变成两行而不是一行。无论剩下多少空间，内部容器都会延伸到整个宽度，而不是像其子容器一样宽

#外
{
背景颜色：蓝色；
文本对齐：居中；
}
#内在的
{
显示：内联块；
溢出：隐藏；
背景色：红色；
}
.盒子
{
背景色：黑色；
左边距：10px；
边缘底部：10px；
宽度：60px；
高度：60px；
浮动：左；
}

很快就说明了我的问题

我有一个一定宽度的外底

---

我有一个内部的div，它的宽度应该和它的孩子们一样，这样我就可以把它放在外部的中心。现在它与包裹它的外部div的宽度相同。

要使包含所有浮动元素的div居中（我想你说的是#外部），请在css中添加以下行：

#outer {
    margin: 0 auto;
}

---

这是您的小提琴更新版：

实际上，它是关于动态地将内部元素居中，同时仍然让它们从左向右浮动。我将编辑我的帖子，澄清并删除第二个例子。我想这会混淆我要找的东西。

#outer {
    margin: 0 auto;
}