CSS - 父 div 宽度应取决于第二个孩子

Question

我是 HTML/CSS 新手，我正在尝试实现特定场景：

1. 容器 div（父）有两个子 div，第一个用于标签，第二个用于内容。
2. 父 div（容器）宽度应取决于第二个子（内容）宽度，即如果第二个子宽度由于其内容而增加，则父 div 宽度也应增加。 （父 div 宽度 = 第二个子宽度）。
3. 第一个子元素用于标签，因此它不应超过父 div 宽度。如果第一个孩子大于父 div 宽度，它应该将文本显示为省略号。父 div 宽度不应取决于第一个子宽度。

我不确定是否可以仅使用 CSS 来实现。非常感谢您的帮助。

提前致谢。

Image for visual representation

Answer 1

让容器使用内容作为宽度参考是可能的，它被称为“shrinkwrapping” 访问此thread 了解更多详情。
对于标签 div，您可以使用this CSS property。
所以你的问题的答案，是的，有可能。

Answer 2

在 CSS 中使用 flex 实现。工作演示可以在这里找到。 'https://codepen.io/shrdz_yadav/pen/rNLNPQE'