CSS - 同一行中的两个 float div，一个带有换行文本

Question

问题来了:我想在同一行中有 2 个 float div。右边的 div 可以固定宽度。左 div 应该占用所有剩余空间，并将文本包装在里面。父容器宽度是可变的，所以我不能在两个 div 上设置宽度。

http://jsfiddle.net/af6wP/

div{border: 1px solid black}
.left{float: left}
.right{float: right}
<div class="left">
    very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text 
</div>

<div class="right">
    short text
</div>

Answer 1

看起来你在这里只需要一个 float :

div{border: 1px solid black}
.left{ overflow: hidden; }
.right{float: right}

示例 http://jsfiddle.net/KmPjL/