我有三个<div>s，A，B和C.它们都是文本行。基本布局是：
aaaaaaaaaaaaaa ccccccccccccccccccccccccc
bbbbbbbbbbbbbbbbbbbbbbbbbb
当窗口完全打开时，cccccccccccc可以在bbbbbbbbb上方进行调整（即可以适应），因此我希望它这样做，如上所示。
然而，当窗口缩小以致A和C不能放在同一条线上时，我希望ccccccccccc移动到bbbbbbbbb以下，如下所示：
aaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccc
因此，我不知何故需要将C的默认位置设置在A的右边，但是当没有足够的空间容纳C的全长时，我需要将C移动到B以下（并且我 don' t 想要任何换行）。
将A和B放在一个包含<div>并且C跟随<div>之后根本不起作用，因为我希望C在同一行的A旁边，默认情况下定位;如果我将A和B包装到一个专用的<div>容器中，我最终会得到：
aaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbb ccccccccccccccccccccccccc
......那不是我想要的。 （我也可能最终得到B和C的文本行包装，我试图避免这种情况。）
如何最有效地完成这项工作？
答案 0 :(得分：2)
我已经解决了......不需要JQuery，只是明智的造型：
<!DOCTYPE html>
<div style="float:left">AAAAAAAAAAAAAAA </div>
<div style="float:left; width:100%">BBBBBBBBBBBBBBBBBBBBBBBBBB</div>
<div style="display:inline-block; vertical-align:top">CCCCCCCCCCCCCCCCCCCCCCCCCCC</div>
在此处查看此操作： https://jsfiddle.net/TomJS/wj44qqe4/