強制使用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相鄰，會精確縮小以適應漂浮擋塊附近的空間。