Question

上下俩个div是背景图片 中间div高度自适应 请问怎么做？

中间的div有背景颜色或图片的！

Answer 1

不清楚你说的中间那个 div高度自适应，是适应标签内部的内容，还是适应窗口变化！？

-----------------------------------------------------------
如果是自适应内部内容的话，不指定高度即可。如：

<div id="header" style="height:100px; background:url(...)"></div>
<div id="middle">
内容
</div>
<div id="footer" style="height:100px; background:url(...)"></div>

-------------------------------------------------------------
如果是自适应窗口大小，解决的方法也多，不过都有点局限性！
先介绍一种吧！有需要再给我留言就是了!如：

<div id="header" style="position:absolute; top:0; left:0; width:100%; height:100px; background:url(..)"></div>

<div id="middle" style="position:absolut; top:100px; bottom:100px; left:0; width:100%;">内容</div>

<div id="footer" style="position:absolute; bottom:0; left:0; width:100%; height:100px; background:url(..)"></div>

这种方法兼容ie8、ff、Safari、Opera，但对ie6支持不好，ie7稍微好一点，如果只局限在body次层使用也有解决的方法。

Answer 2

非常简单
<div class="1">
<div class="2"></div>
<div class="3"></div>
<div class="4"></div>
</div>
给1设置一个宽高，
2设置一个固定高，宽设置成100%,给个背景
3将高度设置成auto，宽设置成100%,内容放在这个里面
4设置一个固定高，宽设置成100%,给个背景
就OK了

Answer 3

中间那个div这样写：
<div style="height:auto;width:100%">

这里放内容

<div style="clear:both"></div>
</div>

Answer 4

中间的那个DIV不设置高度不就可以了吗？
（北京八方永信教育）