两个div紧挨着，但第一个div进入第二行

Question

我有一个场景，我有两个div。我希望第二个div立即跟随第一个。目前，我必须使用的空间很小，因此第一个div中的文本对于一行来说太大而且它包裹到第二行。事件发生这种情况时，我希望第二个div直接在第一个div之后（在这种情况下，在第二行的第一个div结束之后。

<div id="one" style="display: inline-block;">
  <div id="two" style="float: left;"></div>
  <div id="three" style="float: left;"></div>
</div>

当文本为div且id为2的div很小时可以正常工作，但是当它很大时，它会换行到第二行，而id为3的div会低于div。

Answer 1

更改您的

<div id="two" style="float: left;"></div>
<div id="three style="float: left;"></div>

要

<div id="two" style="float: left;"></div>
<div id="three"></div>

注意：您不需要将div向左浮动