L'écran divisé en 2 divs et régler le deuxième largeur de l'espace restant dans le css?

J'ai 2 bloc-inline divs.

Je n'ai pas wan pas de spécifier la largeur de la première mais, je voudrais que le second prend 100% de l'espace restant. Le conteneur de deux divs prendre 100% de mon écran.

Il semble être possible, à l'aide de jQuery pour déterminer la largeur de la première div et pour définir la deuxième valeur, mais je voudrais le faire en pure css.

Comment puis-je le faire ?

ainsi, le 1er div aura la largeur en fonction du contenu que suis-je le droit??
Exactement. La gauche est basé sur le contenu. Le droit que l'on doit avoir la taille restante.
double possible de Faire un div de remplir tout l'espace à l'écran
Vous aurez à spécifier une largeur à l'un des divs au minimum en utilisant soit des pourcentages ou en pixels.
Il n'est pas possible d'avoir à la dynamique de la largeur ?

OriginalL'auteur Pier-Alexandre Bouchard | 2012-02-28

  1. 0

    Si vous ne souhaitez pas utiliser jquery cela peut être la peine de le faire

    <div style="width:100%;"> 
        <div style="float:left; display:inline-block;" class="div1">left div</div> 
        <div style="float:right; display:inline-block;" class="div2">right div</div> 
    </div> ​
    J'ai précisé que je ne voulais pas utiliser jQuery.
    Ne fonctionne pas, je ne veux pas le droit div flotter à droite..
    puis le faire float:left
    div ne prendra pas 100% de l'espace restant, mais que le contenu de la largeur.

    OriginalL'auteur Dips