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/