Компоновка с помощью css float без смещения при изменении размера деления контейнера

Question

Сначала я хочу описать свою идею, проверьте скрипку здесь :

Есть два div, #left и #right, #left имеет фиксированную ширину, и оба плавают влево,Разделение контейнера не имеет фиксированной ширины и может быть изменено в моем дизайне.Требование заключается в том, что # право не может быть перенесено на следующую строку.Ширина #right будет автоматически настроена на разделение контейнера, а переполнение будет скрыто.Все три деления имеют фиксированную высоту.

В упомянутой выше скрипке я установил #right 50% ширины, чтобы отрегулировать ее, что не так уж и идеально.Разделение контейнера может быть не полным и проблема смещения все еще возникает.

Я могу реализовать макет с помощью javascript для настройки ширины #right, но есть ли какое-нибудь решение css с помощью min-width или чего-то еще?

Большое спасибо.

Answer 1

Как насчет этой версии: http://jsfiddle.net/As7Hz/18/

Answer 2

Как то так? http://jsfiddle.net/remibreton/4qLmq/

Это решение будет работать, только если элемент #left имеет фиксированную ширину.

Answer 3

Это то, что вы ищете?http://jsfiddle.net/As7Hz/14/

Answer 4

это то, что вы хотите, чтобы это было ??

http://jsfiddle.net/N3jhV/

Пожалуйста, не стесняйтесь меня поправлять