2 divs flotantes de tamaño dependiente de uno de ellos

[pzin]

La forma más fácil que yo veo es haciendo algo así:

Código CSS:

div#izquierda {
  overflow: hidden;
}
 
div#derecha {
  float: right;
  width: 200px;
}
 

Nótese que #izquierda no está flotado.

Luego en el HTML las posiciones cambiadas:

Código HTML:

<div id="derecha"></div>
<div id="izquierda"></div>
 

Con flexbox, a modo de curiosidad, que tiene una pésima implementación en los navegadores, algo así podría valer:

Código CSS:

#contenedor {
  display: flex;
}
#izquierda {
  flex: 1;
}
#derecha{
  width: 200px;
}
 

Código HTML:

<div id="contenedor">
  <div id="izquierda"></div>
  <div id="derecha"></div>
</div>