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

时间:2013.06.01 发布人:l1998530

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

已解决问题

谷歌l1998530用户在2013.06.01提交了关于“深夜书屋上下俩个div是背景图片 中间div高度自适应 请问怎么做?”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-06-29T14:04:12。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,你就是当代的活雷锋,太感谢了 !

希望以下的回答,能够帮助你。

第1个回答

用户名:z旧卫升件enplalo5  

不清楚你说的中间那个div高度自适应,是适应标签**的内容,还是适应窗口变化!?

-----------------------------------------------------------
如果是自适应**内容的话,不指定高度即可。如:

<divid="header"style="hei大林一简扬冷混ght:100px;background:url(/q/1370150939063562/./q)"></div>
<divid="middle">
内容
</d毛阳着赵针车尽iv>
<divid="footer"style="height:100px;backgrou所列困通拿抓蒸如油酒边nd:url(/q/1370150939063562//q.)"></d家威iv>


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

<divid="header"style="p巴英osition:absolute;top:0;left:0;width:100%;height:100px;background:url(/q)"></div>

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

<d吃导即晶吧火七ivid="footer"style="position:absolute;bottom:0;left:0;width:100%;height:100px;backgro来自und:url(/q)"></d力iv>

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