CSS - Flottant deux éléments côte à côte

J'ai deux divs côté par côté. Je veux div qui est sur le côté gauche pour prendre tout l'espace dont elle a besoin sans poussant l'autre div (à droite) à la prochaine ligne.

Voici ce que j'ai en ce moment: http://jsfiddle.net/RALza/

HTML

<div id="container">
    <div id="divA"> left text </div>
    <div id="divB">  right text </div>
</div>

CSS

#divA
{
  float:left;
  border:1px solid blue;
  width:100%;
}

#divB
{
  float:right;
  border:1px solid red;
}

OriginalL'auteur dev.e.loper | 2011-08-23

  1. 4
    <div id="container">
    <div id="divB">  right text </div>
    <div id="divA"> left text </div>
</div>

#divA
{
  overflow:auto;
  border:1px solid blue;
}

#divB
{
  float:right;
  border:1px solid red;
}

    fonctionne.

    Mais vous devez spécifier la largeur des éléments flottants.

    Le contenu de la div sur la gauche varie. Donc je ne peux pas spécifier la largeur.
    Vous n'avez pas besoin de spécifier un width.
    Je veux dire pour #divB dans mon code (mais il semble qu'il n'est pas nécessaire: w3.org/TR/CSS2/visudet.html#float-width)
    Merci. Les œuvres suivantes. Il y a un problème, si divB a beaucoup de texte les divs changer de place et on va dans une autre. jsfiddle.net/RALza/17
    Il suffit d'ajouter une largeur (width et max-width) à #divB

    OriginalL'auteur MatTheCat

  2. 1

    Essayer ce violon: http://jsfiddle.net/RALza/6/

    Il fonctionne en modifiant l'ordre des deux divs et de faire le premier div un bloc normal élément sans flotteur.

    <div id="container">
    <div id="divB">  right text </div>
    <div id="divA"> left text </div>
</div>

    et

    #divA
{
  border:1px solid blue;
}

#divB
{
  float:right;
  border:1px solid red;
}
    Les ouvrages suivants, cependant il y a un problème si divA a beaucoup de texte. Un div va dans une autre. jsfiddle.net/RALza/16

    OriginalL'auteur Alp