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.