HTML CSS：自動使父級Flex等於子級的寬度

Question

如何使Flex容器的父容器的寬度等於子代的總寬度？ 現在，我的父級寬度占據了整個屏幕的長度。 由於某些原因，寬度100％無法正常工作。 我不想手動設置Parent的寬度和高度，但可以將其自動配置為可以包含子元素的任何元素。

Answer 1

嘗試為父級display: flex而不是display: flex display: inline-flex display: flex

.parent {
   display: inline-flex;
}