html - 具有动态内容的固定宽度侧边栏

Question

http://jsfiddle.net/uCwEz/

我需要三个 div，第一个和最后一个 div（红色和蓝色）具有固定宽度，中间 div（绿色）动态改变其宽度，以便在调整页面宽度时完美地适应外部 div。在 jsFiddle 中，我已经通过固定宽度的第一个 div 和内容调整来完成此操作，并且我已经将第三个 div 浮动到了右侧，但它需要向上滑动到您在主 div 旁边看到的空白空间中。

Answer 1

只需在 HTML#div3之间#div1移动即可。#div2

<div id="container">
    <div id="div1">
    </div>
    <div id="div3">   
    </div>
    <div id="div2">
    </div>
</div>​

演示http://jsfiddle.net/thebabydino/uCwEz/2/