CSS - auto larghezza elemento galleggiava (float espandibile)

Question

Ho due galleggiare lato collumns a fianco. L'utente può nascondere / chiudere uno di quei collumns. In questo caso voglio l'altra collumn di espandersi per adattarsi l'intero contenitore.

Questo è possibile con i CSS?

Nella ripresa, è possibile effettuare un galleggiante per espandere le dimensioni di esso contenitore? Anche se l'elemento è galleggiare, se ha width: auto dovrebbe espandersi. Almeno thats modo in cui penso che dovrebbe funzionare.

Answer 1

Se la colonna di sinistra ha una dimensione implicita, dire 250px e la vostra colonna di destra è soltanto galleggiare senza dimensione impostata, allora dovrebbe riempire il contenitore quando la colonna di sinistra è crollato. Codice sarebbe il seguente:

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

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

Answer 2

Nup, non credo che la risposta accettata funziona realmente. Stavo solo tentando la stessa cosa, e questa è la soluzione ...

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

Gioca con il codice qui: http://jsfiddle.net/simoneast/qPHgR/2/

Answer 3

overflow:auto; height:auto; Set per l'elemento floatet :)