如何使DIV的高度自适应页面？

[leayh]

-------------------------------
|这里是一个DIV |
-------------------------------
|这里是一个Table |
| |
--------------------------------
| dvi1 | div2 |
| 内|容主体 　 |
| | |
--------------------------------
|这里是一个DIV |
--------------------------------

如上图所示，页面中，顶部的DIV、Tabel和底部的DIV是在一个Master Page里面的，大小与位置是固定的。尤其是底部的DIV，用的是绝对定位：

position: absolute; 
height: 80px; 
bottom: 0px; 
left: 10px; 
width: 100%; 
border-top: solid 1px green; 
text-align: center; 
vertical-align: middle; 
line-height: 80px;

我的问题是：如何使中间内容主体部分（由并排的div1和div2组成）的高度自动调节，以适应当前页面的高度呢？

[cncxz]

可以看看 extjs中的layout

[libangchuan]

document.documentElement.clientHeight 可以得到客户端浏览器的高，你减去顶部的DIV、Tabel和底部的DIV就可以了

[leayh]

to libangchuan：不行的，我这样试过。
to cncxz：请问具体如何写代码？

[cncxz]

http://extjs.com/deploy/dev/examples/samples.html

看看这里的例子吧，具体代码不好描述

[rbpgold]

把div1,div2放到同一个div里，然后把高度设为100%。

[harderLi]

关注 正在做拖拽

[leayh]

[Quote=引用 5 楼 rbpgold 的回复:]
把div1,div2放到同一个div里，然后把高度设为100%。
[/Quote]

我就是这样做的，不行！

[yoursWTR]

都绝对定位了 还自动个毛

[leayh]

楼上的看清楚没有，只有页底的那个DIV是绝对定位的。

[melon23]

div1 float:left div2 float:right

在div1和div2之外加
<div id="div" style="clear:both" >

[yoursWTR]

就是因为底部是绝对的 ,变形的时候,他在浏览器的位置不会变,而2个DIV的变化,他却不能适应

[melon23]

可以利用javascript把底部的div悬浮在底部啊，这样就一直在窗口的底部

[leayh]

[Quote=引用 10 楼 melon23 的回复:]
div1 float:left div2 float:right

在div1和div2之外加
<div id="div" style="clear:both" >
[/Quote]

照样不行。

不能用悬浮的，因为底部其实就是公司的Logo及联系方式什么的，用悬浮看起来太不专业了，老板也不同意。

哎，看来是没办法了。

[gengwanshanreally]

把底部的弄成<div></div>
默认宽度100%高度0

[以专业开发人员为伍]

你曾经在1分钟内实现过吗？如果没有，用<table>在一分钟之内完美地实现，先做出用户可操作的结果。然后有时间再备份并在备份上尝试进行所谓的“div+css编码”。不要一开始就被“div+css”这种口号所累。

[baoge000]

底部都绝对了,,还动个毛啊,,,,我晕.你把头跟底部都卡死了,,,动哪去啊,,,会不会CSS啊,,老大.

[mengxj85]

默认情况下，Div不设置高度属性就可以自适应高度了

[ahuyjv26]

up