【发布时间】:2012-07-18 12:15:46
【问题描述】:
我需要三个 div,第一个和最后一个 div(红色和蓝色)具有固定宽度,中间 div(绿色)动态改变其宽度以在调整页面宽度时完美地适应外部 div .在 jsFiddle 中,我已经通过固定宽度的第一个 div 和内容调整来完成此操作,并且我已经将第三个 div 向右浮动,但它需要向上滑动到您在主 div 旁边看到的空白处。
【问题讨论】:
标签: html css layout fluid-layout
我需要三个 div,第一个和最后一个 div(红色和蓝色)具有固定宽度,中间 div(绿色)动态改变其宽度以在调整页面宽度时完美地适应外部 div .在 jsFiddle 中,我已经通过固定宽度的第一个 div 和内容调整来完成此操作,并且我已经将第三个 div 向右浮动,但它需要向上滑动到您在主 div 旁边看到的空白处。
【问题讨论】:
标签: html css layout fluid-layout
只需在 HTML 中的 #div1 和 #div2 之间移动 #div3。
<div id="container">
<div id="div1">
</div>
<div id="div3">
</div>
<div id="div2">
</div>
</div>
【讨论】: