CSS - auto largeur élément flottant (float extensible)

StackOverflow https://stackoverflow.com/questions/3457288

  •  27-09-2019
  •  | 
  •  

Question

J'ai côte à côte deux collumns taloché côte à côte. L'utilisateur peut cacher / déplier un de cette collumns. Dans ce cas, je veux l'autre collumn d'étendre à occuper tout conteneur.

Est-ce possible avec CSS?

En résumé, il est possible de faire un flotteur pour étendre la taille du conteneur est tout? Même si l'élément est flottant, si elle a une largeur: auto devrait se développer. Au moins thats façon dont je pense que cela devrait fonctionner.

Était-ce utile?

La solution

Si votre colonne de gauche a une taille implicite, dire 250px et votre colonne de droite est seulement flotta sans avoir de jeu, il doit remplir le réservoir lorsque la colonne de gauche est réduite. Code serait la suivante: 

#leftcol{
width:250px;
float:left;
clear:none;
}

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}

Autres conseils

Nup, je ne pense pas que la réponse acceptée fonctionne réellement. Je tentais juste la même chose, ce qui est la solution ... 

.left { 
    float: left;
}
.right {
    overflow: hidden;
    /* don't float this one */
}

Jouez avec le code ici: http://jsfiddle.net/simoneast/qPHgR/2/

overflow:auto; height:auto; ensemble pour l'élément de floatet :)

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top