ancho automatico de un div

[dhayzon]

Iniciado por pzin

Una solución mediante CSS sería, primero alterar el orden en el que aparecen los elementos en el markup:

Código HTML:

<div class="derecha"></div>
<div class="izquierda"></div>
 

Fíjate que está primero el de la derecha y no el de la izquierda. Luego los colocas el de la derecha a la derecha y al de la izquierda le pones un overflow, sin flotarlo ni especificarle ningún ancho:

Código CSS:

.izquierda {
  overflow: hidden;
}
 
.derecha {
  float: right;
  width: 30%;
}
 

Ahora si ocultas el de la derecha, el de la izquierda ocupará automáticamente el espacio sobrante.

gracias a los dos , pzin! me funciono perfecto