CSS-Div必须适合内容并断线

有没有办法使一个div元素适合它的内容并打断行，以便下一个元素位于该div下

我试图将

显示

属性设置为

内联块

，但是div不再断线。。。默认情况下，它会断线，但不适合其内容

希望有人能帮助我

---

谢谢

如果你想在没有额外div的情况下完成这项任务，我认为没有办法。以下是如何使用2个div：

<div>
  <div style="background-color: #FF0000; display: inline">Test</div>
</div>

试验

像这样的朋友

我使用了以下CSS代码：

.container div *{float:left; display:inline-block; clear:both;}

---

HTML代码中也出现了一些错误。

您能举个例子让人们更容易理解吗？下面是一个例子：我希望在悬停元素时，框适合文本。如果您想使用jQuery，可以编写类似于

$（'#id container'）.each（function（）{$（this.parent（）.width（$（this.width（））；}）的内容。当您看到这一点时，这并没有帮助：我不希望文件并排出现