私はこの単純なマークアップを持っています:
<div id="parent">
<div id="static">
Hello Random
</div>
<div id="max">
100% of the rest
</div>
</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 も気にしません。