调整容器分区大小时，使用css float进行布局，不移位

我想先描述一下我的想法，在这里查看小提琴：

有两个div，#left和#right，#left有一个固定的宽度，并且都向左浮动。容器分区没有固定的宽度，可以在我的设计中调整大小。要求是#right不能移到下一行。#右侧的宽度将自动调整为容器分区，溢出文本将被隐藏。三个分区都有固定的高度。

在上面提到的小提琴中，我设置了#右侧50%的宽度来调整它，这并不是那么完美。集装箱分区可能未满，仍会出现移位问题。

我可以用javascript实现布局来调整#right的宽度，但有没有借助最小宽度或其他任何东西的css解决方案？

非常感谢。