CSS兩列動寬度

Question

我有一個單行DIV與左側內容和右側：

--------------------------------------------------------------------------- 
|Single line of text       Icon and single line of text|             
--------------------------------------------------------------------------- 

如果沒有足夠的空間，我希望把它的需求，同時寬度正確的內容左邊的內容應該佔用可用寬度的其餘部分（溢出隱藏以保留單行）。

問題是，內容（左&正確）是動態的，所以我不知道它的寬度提前。

任何提示？由於

Answer 1

給這個一掄：

http://jsfiddle.net/thirtydot/fjJMX/191/

CSS：

#lineContainer { 
    overflow: hidden; /* clear floats */ 
    outline: 1px solid red; 
    width: 300px /* just to make demo easier */ 
} 
#lineLeft { 
    overflow: hidden; /* hide extra text */ 
    white-space: nowrap; 
    background: #f0f 

} 
#lineRight { 
    float: right; 
    background: #ccc 
} 

HTML：

<div id="lineContainer"> 
    <div id="lineRight">right right right right right</div> 
    <div id="lineLeft">left left left</div> 
</div> 

Answer 2

浮法只有科拉姆之一ns應該工作。

.left { 
    float: left; 
} 
.right { 
    overflow: hidden; 
    padding-left: 20px; 
} 

見updated fiddle