Css 收缩包裹div到包裹内容

我正试图根据容器div的子对象来确定其大小，它可以包装成多行。如果子对象（蓝色框）不包裹，则容器的宽度为100%（黑色边框，下方）。我希望避免这种情况，并将容器设置为其任何子容器的最大宽度

.container{
边框：1px纯黑；
宽度：适合的内容；
}
.孩子{
宽度：500px；
高度：70像素；
背景颜色：蓝色；
显示：内联块；
保证金：5px；
}

---

您可以尝试在容器元素上使用

.container {
    border: 1px solid black;
    display: inline-block;
    width: min-content;
}

---

.child移除内联块并使用float:left；您可以使用JavaScript fir。谢谢，但是使用

float:left

我仍然可以使父div比子div宽。在OP中，我说过我不想使用javascript，但我想我必须这样做。这很好地解决了这个问题，但请记住，它需要不同浏览器的供应商前缀。因此，它需要

宽度：-moz最小内容；宽度：-webkit最小内容；宽度：最小含量.child

div时的外观，但是

width:min content

似乎阻止它们显示为内联。