html - 有没有办法让元素在不从流中移除的情况下被定位到右边？

Question

我有一个 div，里面有一些内联元素。我想将其中一个元素放在左侧，其余元素放在右侧:

+---------------------------+
|+----+      +-----+ +-----+|
|| A  |      |  B  | |  C  ||
|+----+      |     | |     ||
|            |     | |     ||
|            |     | |     ||
|            +-----+ +-----+|
+---------------------------+

我尝试在 BC 和 C 上使用 float:right 但这会将它们从流中移除，使它们从容器中脱颖而出:

+---------------------------+
|+----+      +-----+ +-----+|
|| A  |      |  B  | |  C  ||
|+----+      |     | |     ||
+------------|     |-|     |+
             |     | |     |
             +-----+ +-----+

将东西放在右边而不会让它们溢出外容器的最佳替代方法是什么？

编辑: 大多数答案似乎都建议使用 overflow-auto 或 clear。它们之间有什么区别？我如何选择一个而不是另一个？此外，每个人似乎都认为我需要 float 元素。 float 是把东西放在右边的唯一方法吗？

Answer 1

一个简单的解决方案是在容器中添加overflow:auto来解决这个问题。这将导致容器扩展以包含其 float ，但如果出于某种原因有人另外为容器设置了一个小高度，则会出现滚动条。

还有其他替代方案也可以工作，并且在其他情况下可能会更好。参见 this question及其对问题的良好概述的第二个答案。