流体浮动元素包裹在容器中

Question

我有以下测试代码：

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

我希望修复“left”元素并使“right”元素在父容器中流畅，以便它随着浏览器宽度的变化而增长和缩小，而不是换行。看起来很简单，但是有些问题可以解决问题。

Answer 1

This is what I meant to link to。 （我应该上床睡觉。）

它的核心：

在容器元素上填充左侧，绝对左侧元素的位置为负左边距，右侧元素的宽度为100％。

据我所知，这应该适用于大多数浏览器，IE6除外，可能还有7个。

Answer 2

My answer on another SO question

修改：Here is your example（边框替换为bgs）

Answer 3

您可以使用display:inline-block;

这篇文章将有助于http://www.tjkdesign.com/articles/liquid/3.asp

Answer 4

当其他事物发挥作用时，左元素的绝对定位可能是更全面的答案，例如容器边框和背景以及正确元素的有机增长。

查看我的previous answer。