Comment remplir 100% de la largeur restante

Est-il du travail pour faire quelque chose comme cette œuvre comme prévu?
Je souhaite qu'il y ait quelque chose comme ça width:remainder; ou width:100% - 32px;.

width: auto; ne fonctionne pas.

Je pense que le seul moyen c'est de travailler autour avec des remplissages/marges, les valeurs négatives, ou float, ou de certaines balises html hack. J'ai essayé aussi display:block;.

Je voudrais obtenir le même résultat, sans tables http://jsfiddle.net/LJGWY/

Comment remplir 100% de la largeur restante

<div style="position: absolute; width: 100%; height: 100px; border: 3 solid red;" id="container">
    <div style="display:inline; width: (100%-100px); border: 3 solid green;">Fill</div>
    <div style="display:inline; width: 100px; border: 3 solid blue;">Fixed</div>
</div>
Faire flotter le bleu div vers la droite et les verts vont naturellement s'étendre à remplir l'espace restant.

OriginalL'auteur Vitim.us | 2011-11-24