Жидкие плавающие элементы, завернутые в контейнер

Question

У меня есть следующий тестовый код, с которым можно поиграться:

http://jsfiddle.net/b6QFY/1/

Я хочу, чтобы «левый» элемент был зафиксирован, а «правый» элемент текучим внутриродительский контейнер, так что он будет расти и уменьшаться по мере изменения ширины браузера, а не переноситься.Кажется, все так просто, но есть проблемы, заставляющие что-то работать.

Answer 1

Это то, что я хотел связать с .(Я должен лечь спать.)

Суть этого:

Отступ слева на элементе контейнера, абсолютно позиционирование левого элемента с отрицательным левым полем и ширина 100% направильный элемент.

Насколько мне известно, это должно работать в большинстве браузеров, кроме IE6 и, возможно, 7.

Answer 2

Мой ответ на другой вопрос SO

Редактировать: Вот ваш пример (границы заменены на bgs)

Answer 3

вы можете использовать display:inline-block;

эта статья поможет http://www.tjkdesign.com/articles/liquid/3.asp

Answer 4

Абсолютное позиционирование левого элемента может быть более полным ответом, когда в игру вступают другие вещи, такие как границы контейнера и фоны, и органический рост правого элемента.

См. Мой предыдущий ответ .