3格，1固定寬度，1可變寬度（文本集），1擴展至填充。可能？

Question

我正在做的是左手邊有一個固定的寬度div，靠近它的div的寬度由文本內容設置，最後一個div填充剩餘寬度。

這是我到目前爲止有：

<div style="width: 100%"> 
    <div style="border: 1px solid black; height: 2px; float: left; width: 100px; "> 
    </div> 
    <div style="float: left; position: relative; top: -10px; padding-left: 5px; padding-right: 5px;"> 
    Text 
    </div> 
    <div style="border: 1px solid black; height: 2px; float: left; "> 
    </div> 
</div> 

這裏舉例：http://jsfiddle.net/Xjxeu/

我需要的例子，但與第三DIV伸展到右側。

這可能沒有任何主要的'黑客'？

Answer 1

您可以使用display: table;

人們可以不同意，有時它是否一個黑客或沒有，看不起一般的表，但它實際上是罰款。你沒有使用表格，tds或任何東西，只是使div的行爲像table。

Demo here

這是實現這一目標的最好，最可靠的方法。

IE7 and below don't support it.