强制使用CSS缩小浮动元素

Question

如何强制使.b缩小以适合.a旁边的内容而不使用表格并且没有.b包装？ .a应该始终显示完整。

CSS：

div{ 
    width:150px; 
    border:1px solid #000; 
    overflow:hidden; 
} 
.a{ 
    float:right 
} 

.b{ 
    float:left; 
    overflow:hidden; 
    white-space:nowrap; 
} 

HTML：

<div><span class='a'>a - text</span><span class='b'>b - some really long text and stuff</span></div> 

的jsfiddle：http://jsfiddle.net/jcubed111/U56cq/

Answer 1

http://jsfiddle.net/U56cq/16/

更换float:left与display:block，你会得到你想要的东西。重点是：正常流程中的挡块overflow:hidden与挡块float相邻，会精确缩小以适应漂浮挡块附近的空间。