HTML CSS：自动使父级Flex等于子级的宽度

Question

如何使Flex容器的父容器的宽度等于子代的总宽度？现在，我的父级宽度占据了整个屏幕的长度。 由于某些原因，宽度100％无法正常工作。我不想手动设置Parent的宽度和高度，但可以将其自动配置为可以包含子元素的任何内容。

Answer 1

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

.parent {
   display: inline-flex;
}