css - 100% マイナス textnode

Question

私はこの単純なマークアップを持っています:

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

ID を持つ div はmax、親から ID を持つ要素の幅を差し引いた幅の 100% にする必要がありますstatic。static私が知らないいくつかのランダムな単語を含むテキストノードが1つだけ含まれています。

私はこの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/

JS なしの純粋な CSS を使用したい。現時点では、IE も気にしません。

Answer 1

私はこのCSSでそれを解決しました：

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

Answer 2

すべてを浮かせないでください。

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

#static浮かぶ必要があるだけです。その後、残りは自分で処理します。