CSS：流体元素包装固定元素

Question

有一行元素：

[液体] [固定] [液体]

当中间元素的宽度减小时，我们如何使左和右元素的百分比宽度增加，反之亦然？这可能是使用纯CSS吗？

例如： 如果中间元素被赋予width: auto;，并且页面渲染时此元素为150px， 左右元素将流动占用剩余空间。

（div包裹这些元素，例如＆＃39; s是100％宽width: auto;;）

不幸的是，css必须与Internet Explorer 8兼容。

Here's a Fiddle