Como hacer varios div responsive

[eugeniocol]

Hola buenas.

Como puedo hacer de estos cuatro div box1 y 2 estan en la msima posicion de altura uno a derecha y otro a izquierda al igual que box3 y 4, que al cambiar de tamaño de pantalla de mas a menos,llega un momento que se montan encima unio de otro y es hacer que el div box2 se coloque debajo de box1 igualmente box3 debajo del 4

Código [Seleccionar] Expandir

#box1 {
background-color:#0C0;
position:absolute;
top: 50px;
left:50px;
width:300px; /*width:300px;*/
height:50px;
}

#box2 {
background-color:#FC0;
position:absolute;/* position:absolute; */
top: 50px;
right:50px;
width:90px; /*width:90px;*/
height:50px;
}

#box3 {
background-color:#F30;
position:absolute;
bottom: 50px;
right: 50px;
width:300px;
height:50px;
}

#box4 {
background-color:#F9F;
position:absolute;
bottom: 50px;
left: 50px;
width:90px;
    height:50px;
}



Saludoss.