Div alineados o no, según tamaño

[Peredoplo]

Hola

Estoy intentando poner dos divs que cumplan lo siguiente:

Cuando haya espacio suficiente, que estén ambos alineados (uno a la izquierda y otro a la derecha):
- El div de la derecha tendría un ancho de 120 px.
- El div de la izquierda ocuparía todo el ancho disponible que deje el otro div.

Cuando no haya espacio disponible (pongamos que el div de la izquierda tenga un ancho mínimo de 400 px), entonces pretendo que un div esté debajo del otro.
- Ambos divs ocuparían todo el ancho disponible.

¿Es posible? ¿Alguien sabe cómo puedo hacerlo?

Muchas gracias

[C2am]

Hola, y bienvenido

¿y cómo es que lo estás intentando?
Muestra el código que usas

Una ayuda: float

Para que comprendas, en este foro no hacemos la tarea, ayudamos con la tarea, eso quiere decir que nadie te dará un código si no muestras el tuyo.

Saludos

[PhilComfortHost]

Sí, tiene en cuenta float:left; y float:right; y width:120px; y min-width:400px; y otros...

Experimenta y pregunta más si desea :)

[Peredoplo]

Perdonad por la tardanza en mi respuesta, y por no haber hecho la pregunta apropiadamente.

He estado probando, y esto es lo que he conseguido:

Cuando haya espacio suficiente, que estén ambos alineados (uno a la izquierda y otro a la derecha):
- El div de la derecha tendría un ancho de 120 px.
- El div de la izquierda ocuparía todo el ancho disponible que deje el otro div.

<div id="lateral">
<div id="principal">

El div "lateral" tiene width:120px y float:right
El div "principal" tiene overflow:hidden

Cuando no haya espacio disponible (pongamos que el div de la izquierda tenga un ancho mínimo de 400 px), entonces pretendo que un div esté debajo del otro.
- Ambos divs ocuparían todo el ancho disponible.

@media screen and (max-width: 520px) {
#lateral {
width: 100%;
float:left;
}

#principal {
width: 100%;
float:left;
}
}

¿Es la manera correcta de hacerlo? ¿Existe otra alternativa mejor para hacer la web 'responsive'?