[SOLUCIONADO] ancho automatico de un div

[dhayzon]

okey miren echenme una manito llevo una semana sin saber como solucionarlo

tengo un contenedor
dentro dos divs


uno 70% ancho y el otro 30% ancho estan juntos ok uno con float left y el otro con float right

ahora bien yo tengo una accion con javascript q hace q eliine el bloque menor con un display none
pero el problema es q yo quiero q al eliminar el mayor de 70% ocupe el 100% del div padre ;-; no me sale el div se queda quieto y queda en blanco el espacio del div menor

[Linton]

Prueba a NO darle ancho al div mayor

[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.

[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