CSS - 同一行中的两个浮动div,一个包含文本

Question

这是问题所在:我希望在同一行中有2个浮动div.右div可以是固定宽度.left 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

看起来你只需要一个浮点数:

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

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