调整容器分区大小时，css float布局没有移动

Question

我想首先描述我的想法，检查小提琴here：

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

在上面提到的小提琴中，我设置#right 50％宽度以使其调整，这不是那么完美。容器分区可能不满，转移问题仍然存在。

我可以使用javascript来实现布局以调整#right的宽度，但是在min-width或其他任何东西的帮助下是否有任何css解决方案？

非常感谢。

Answer 1

这就是你想要的吗？

http://jsfiddle.net/N3jhV/

请不要犹豫，纠正我

Answer 2

这样的东西？ http://jsfiddle.net/remibreton/4qLmq/

仅当#left元素具有固定宽度时，此解决方案才有效。

Answer 3

这是你在找什么？ http://jsfiddle.net/As7Hz/14/

Answer 4

这个版本怎么样：http://jsfiddle.net/As7Hz/18/