Question

有没有办法让div元素适合它的内容并打破这一行，以便下一个元素位于该div之下？

我曾尝试将display属性设置为inline-block，但是div不会再破坏该行...默认情况下，它会破坏该行，但不适合它的内容。

希望有人可以帮助我。

谢谢！

Answer 1

如果你在没有额外div的情况下尝试这样做，我认为没有办法。这是2个div的方法：

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

Answer 2

像这样的伙伴？

我使用了这个CSS代码：

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

您的HTML代码也有一些错误。