Posizionare Div

[ignorantone]

Salve,
io avrei questo genere di problema.
Ho un div centrale largo 900px, ora vorrei affiancarne uno da 100px.
Tuttavia vorrei, allo stesso tempo, che se la finestra del browser non è aperta a sufficienza il div scali sotto il div centrale allargandosi sino a 900px.

Qualcuno ha idea di come fare?

[fcaldera]

<div class="wrapper">
   <section id="centrale">centrale</section>
   <aside id="affiancato">affiancato</aside>
</div>

.wrapper { height: auto; overflow: hidden; min-width: 900px; }
#centrale, #affiancato { width: 100%; display: block; }

/* desktop */
@media screen and (min-width: 1000px) {
  #centrale, #affiancato { float: left; }
  #centrale { width: 900px; }
  #affiancato { width: 100px; }
}

esempio: http://codepen.io/joe/pen/meFxd

[ignorantone]

Scusa per il ritardo ma ho sfrantumato il monitor del portatile e non ho potuto accedere ad internet.
Ti ringrazio e appena posso proverò la tua soluzione.