Ho una pagina con un div container messo al 100% di altezza nel css
devo posizionargli all'interno 2 div di cui uno è il main e l'altro il footer,

il footer deve rimanere sempre a fondo pagina con un'altezza fissa di 200 px

mentre il main avrà un'altezza di 450 px.

Ma la cosa che vorrei fare è che quando il browser viene ridimensionato, il footer non vada a sovrapporsi al main, quando lo raggiunge, vorrei praticamente che arrivati a contatto gli rimanga sotto.

Mi sapete dire come devo fare?