固定带动态内容的宽边栏

时间:2012-07-17 17:18:48

标签: html css layout fluid-layout

http://jsfiddle.net/uCwEz/

我需要有三个div,第一个和最后一个div(红色和蓝色)有一个固定的宽度,而中间div(绿色)动态地改变它的宽度,以便在调整页面宽度时完美地适应外部div 。在jsFiddle中,我用固定宽度的第一个div和内容调整完成了这个,并且我已经将第三个div向右浮动,但它需要向上滑动到你在主div旁边看到的空白区域。

1 个答案:

答案 0 :(得分: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/