css - CSS中DIV宽度 float 问题

Question

我有一个关于 float div 的问题。我想将所有 div 设置为 float:left 并将它们全部显示在屏幕的同一行上:

Example
A - div a "style=float:left"
B - div b "style=float:left"
C - div c "style=float:left"

As appeared on screen:

A  |  B  |   C


However, when contents in C is overflowing, it end up in the next row like this

A   |   B
C

请问如何使 div C 回到与 div A 和 B 相同的行，无论 C 中的内容有多大？我知道 C 位于下一行，因为宽度比前一行可以包含的宽度宽。无论C中的内容有多大，如何使div C与A和B显示在同一行？就我而言，div C 没有固定宽度，并且我也不打算设置最大宽度。但A和B的宽度是固定的。

谢谢。

Answer 1

如果 C 没有固定的，你不能仅仅使用 float 来做到这一点。但是，您应该能够通过不在 C 上设置 float 并为其指定等于 A + B 宽度的左边距来完成您想要的任务。

通过给 C 一个左边距，它将出现在 A 和 B 的右侧(因为那里有可用空间)，并且因为您没有为其分配任何宽度，所以它将占据剩余空间。作为奖励，如果 C 的增长高于 A 和 B，它不会将内容移动到其他框下方。