css - 100% 减去一个文本节点

Question

我有这个简单的标记：

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

我希望带有 ID 的 divmax应该是 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/