HTML CSS : Make Parent Flex equal Width of Children Automatically

Question

如何使 Flex 容器父容器的宽度等于子容器的总宽度？现在我的 parent 的宽度正在占据整个屏幕的长度。 由于某种原因，宽度 100% 不起作用。我不想手动设置 Parent 的宽度和高度，而是让它自动配置为可以包含子元素的任何内容。

Answer 1

为父级尝试 display: inline-flex 而不是 display: flex

.parent {
   display: inline-flex;
}