DIV 100% enseguida de otro

[yonineitor]

Haber si me puedo explicar.

alguien sabe como poder mostrar un div 100% enseguida de otro es decir inline-block

tengo el html:

div.contenido
>>div.width_200_px
>>div.width_100_percent

los width ya cuentan con display: inline-block
entonces el de la izquierda no debe de cambiar su tamaño, pero el de la derecha si

Actualmente mi problema es que si le asigno un porcentaje al momento de modificar la pantalla se brinca hacia abajo como si tubiera display:block.

Espero haber sido claro. Gracias.

[pzin]

No sé qué tendrá que ver que sea inline-block o block. El 100% siempre será 100%, da igual el tipo de display.

Puedes usar calc():

Código CSS:

width: calc(100% - 200px);
 

[HostinGroup]

Si se brinca hacia abajo con un inline-block es porque el ancho de los 2 divs supera el 100% del ancho del div contenedor.

Si este div "div.width_100_percent" le haz puesto 100% de ancho, obviamente va a saltar, porque va a usar todo el ancho y si le aumentas los 200px del otro div no encaja, entonces se va para abajo.