0

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

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

ID を持つ div はmax、親から ID を持つ要素の幅を差し引いた幅の 100% にする必要がありますstaticstatic私が知らないいくつかのランダムな単語を含むテキストノードが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 も気にしません。

4

2 に答える 2

0

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

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

于 2012-04-13T13:02:00.857 に答える
0

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

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

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

于 2012-04-13T12:36:10.213 に答える