CSS - elemento flutuado de largura automática (flutuação expansível)

Question

Eu tenho duas colunas flutuadas lado a lado. O usuário pode ocultar/recolher um desses colums. Nesse caso, quero que o outro colum tenha se expandido para ajustar o contêiner inteiro.

Isso é possível com o CSS?

Em currículo, é possível fazer um flutuador para expandir para o tamanho de seu contêiner? Mesmo que o elemento seja flutuado, se tiver largura: o automóvel deve se expandir. Pelo menos é assim que acho que deveria funcionar.

Answer 1

Se a coluna esquerda tiver um tamanho implícito, digamos 250px e sua coluna direita for flutuada apenas sem tamanho de conjunto, ele deve preencher o recipiente quando a coluna esquerda for colapsada. O código seria o seguinte:

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

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

Answer 2

Nup, acho que a resposta aceita realmente funciona. Eu estava apenas tentando a mesma coisa, e esta é a solução ...

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

Brinque com o código aqui: http://jsfiddle.net/simoneast/qphgr/2/

Answer 3

definir overflow:auto; height:auto; para elemento floatet :)