3

Bom pessoal, tenho uma div#x que varia seu width entre 70px ~ 220px. Preciso que uma segunda div#y, que está ao seu lado ocupe o resto do espaço da página.

Com jQuery seria algo tipo: $('#y).width() = 100% - $('#x).width();.

Alguém sabe algum modo de fazer isso nas CSS?

0

1 Resposta 1

2

Você pode utilizar display:table e display:table-cell para poder manipular da forma como está querendo.

Exemplo:

.principal {
    width:100%;
    display:table;
}

.principal div{    
    display:table-cell;
    height:200px;
}

.principal div:first-child{background:red;width:200px;}
.principal div:last-child{background:green;}
<div class='principal'>
    <div></div>
    <div></div>
</div>

No JSFiddle: http://jsfiddle.net/xyuv7ues/

1
  • 1
    Resposta muito boa @Orion, completinha, obrigado ^^
    – Machado
    Commented 18/12/2014 às 18:47

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .