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

我不熟悉HTML/CSS，我正在尝试实现一个特定的场景：

容器div父级有两个子div，第一个用于标签，第二个用于内容。 父div容器宽度应取决于第二个子内容宽度，即，如果第二个子内容宽度因其内容而增加，则父div宽度也应增加。父div宽度=第二个子宽度。 第一个子项用于标签，所以它不应超过父项div宽度。若第一个子项大于父项div宽度，则应将文本显示为省略号。父div宽度不应取决于第一个子div宽度。 我不确定是否可以只用CSS实现。非常感谢你的帮助

提前谢谢

---

容器可以将内容用作宽度引用，这称为收缩包装 请访问此链接以了解更多详细信息。 对于标签div，可以使用。

---

因此，您的问题的答案是，是的，这是可能的。

在CSS中使用flex实现。工作演示可以在这里找到。

---

'https://codepen.io/shrdz_yadav/pen/rNLNPQE“

请添加一些代码供我们查看谢谢，这很有帮助。