100％减去textnode

Question

我有这个简单的标记：

<div id="parent">
    <div id="static">
        Hello Random
    </div>
    <div id="max">
        100% of the rest
    </div>
​</div>​

我希望ID max的div应该是100％宽度作为其父级减去ID为static的元素的宽度。 static只包含一个带有一些我不知道的随机单词的文本节点。

我尝试过这个CSS，但不知道如何解决它：

#parent{
    width:100%;
    border:1px solid #FF0000;
    float:left;
}

#static{
    float:left;
    border:1px solid #00FF00;
}
#max{
    float:left;
    width:90%; // It's not the same as minus so this will just fail...
}
​

这是我尝试过的jsFiddle： http://jsfiddle.net/WnceY/

我想使用纯CSS而不是JS。在这一刻我也不关心IE。

Answer 1

只是不要漂浮一切。

http://jsfiddle.net/WnceY/4/

只有#static需要浮动。然后剩下的就会照顾好自己。

Answer 2

我用这个CSS解决了它：

http://jsfiddle.net/WnceY/9/