上下两个DIV 高度自适应的问题
上下两个DIV上边一个div的高度为20下面div高度为100%body{height:100%;}<divid="t1"style="height:100px;"></...
上下两个DIV
上边一个div的高度为20
下面div高度为100%
body{height:100%;}
<div id="t1" style="height:100px;"></div>
<div id="t2" style="height:100%"></div>
这种情况下，t2的高度为body区域的高度，body区域的高度实际为100%+100px
怎样在保留t1高度100像素的情况下，让t2填满body剩下的区域？
最好不用js控制，如果只能js代码实现，那希望提供的代码直接写到body中的resize事件中，resize的时候也不能刷新整个页面，会加重服务器负担，只要改变浏览器大小就会执行。
再补充一点<div id="t2" style="height:100%; overflow:scroll;"></div>
t2要显示滚动条，滚动条的所有元素要可见。不能用别的层遮盖住t2的任何元素。
答复一楼，我的t1必须要用像素，不能用你所定义的百分比
答复二楼，必须用DIV，问题我已经解决了，写了一段代码并且更换了头部声明解决的，谁有更好的解决方法，发上来共享下，谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
头部声明用这个的情况下能解决此问题的，给全分并再追加。
没有一个人能回答解决此问题....失望... 展开
上边一个div的高度为20
下面div高度为100%
body{height:100%;}
<div id="t1" style="height:100px;"></div>
<div id="t2" style="height:100%"></div>
这种情况下，t2的高度为body区域的高度，body区域的高度实际为100%+100px
怎样在保留t1高度100像素的情况下，让t2填满body剩下的区域？
最好不用js控制，如果只能js代码实现，那希望提供的代码直接写到body中的resize事件中，resize的时候也不能刷新整个页面，会加重服务器负担，只要改变浏览器大小就会执行。
再补充一点<div id="t2" style="height:100%; overflow:scroll;"></div>
t2要显示滚动条，滚动条的所有元素要可见。不能用别的层遮盖住t2的任何元素。
答复一楼，我的t1必须要用像素，不能用你所定义的百分比
答复二楼，必须用DIV，问题我已经解决了，写了一段代码并且更换了头部声明解决的，谁有更好的解决方法，发上来共享下，谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
头部声明用这个的情况下能解决此问题的，给全分并再追加。
没有一个人能回答解决此问题....失望... 展开
6个回答
展开全部
T2自动不就可以了吗？
你的T2里面放的是一个背景图？
那么 你自动的时候 背景 url：（images/123.gif）no-repeat 0 bottom
你的T2里面放的是一个背景图？
那么 你自动的时候 背景 url：（images/123.gif）no-repeat 0 bottom
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
