Vyplnění horizontálního prostoru bez flexboxu

Ahoj,
Ukázka toho, čeho chci dosáhnout. Jde to vyrobit i bez flexboxu?

Omezení:
- Ta zelená část je nějak velká, není však známo jak. Definuje ji jen velikost obsahu - v ukázce je nastaveno 100px ale může to být jinak. Takže k efektivnímu zmenšení červené části není možné využít margin-right.
- Červená část musí být fyzicky zmenšená. Není možné ji jen překrýt zelenou částí. Představte si, že ta červená část má třeba rámeček a ten by tedy na pravé straně chyběl.

- Pokud to něčemu pomůže, tak se dá počítat s tím, že je to na jednom řádku. Není tedy třeba řešit, co se stane, když by jeden z obsahů byl vyšší než druhý.


Jak jsem ukázal flexboxem to jde. Možná by to šlo tabulkou ale jinak nevím. Díky za každý návrh.

Šířka ani jednoho z bloků není známá. Jak by jsi to chtěl udělat obrázkem?

smitka:
Tak znova, žádné rozměry nejsou známé. Těch 100px je jen jako příklad šířky obsahu. Představ si tam třeba obrázek, který nahraje uživatel a já nevím, jak široký obrázek tam nahraje.