CSS - auto anchura elemento flotante (float ampliable)

Question

Tengo dos de lado a lado collumns flotado. El usuario puede ocultar / contraer una de las que collumns. En ese caso, quiero que el otro collumn se expanda para adaptarse a todo el recipiente.

¿Es esto posible con CSS?

En resumen, es posible hacer un flotador para ampliar el tamaño de la misma del contenedor? Incluso si se hace flotar el elemento, si tiene width: auto debe expandirse. Al menos esa es mi forma de pensar que debería funcionar.

Answer 1

Si su columna de la izquierda tiene un tamaño implícita, por ejemplo 250 píxeles y su columna de la derecha está a sólo flotaba sin juego, entonces se debe llenar el recipiente cuando se derrumbó la columna de la izquierda. Código sería el siguiente:

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

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

Answer 2

Nup, no creo que la respuesta aceptada realmente funciona. Sólo estaba intentando lo mismo, y esta es la solución ...

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

Juega un poco con el código aquí: http://jsfiddle.net/simoneast/qPHgR/2/

Answer 3

conjunto overflow:auto; height:auto; para el elemento floatet :)