UC知道用CSS控制上中下div中的中间div的高度，使下div使终处于窗口底部。
来源：百度知道 编辑：UC知道 时间：2024/07/05 16:44:48
我的问题很简单。就是使footer层一定要处于窗口最底端，使窗口下面无空白。上中下三层紧贴在一起。
<html>
<head>
<title></title>
</head>
<body>
<div id="top">这里是顶部</div>
<div id="content">这里放内容</div>
<div id="footer">版权所有</div>
</body>
</html>
用表格很容易实现，相当于这个功能：
<table width="100%" height="100%" border="0">
<tr height="100px"><td>这里是顶部</td></tr>
<tr><td>这里是内容，没给这里定高度，他就会自适应</td></tr>
<tr height="50px"><td>版权所有</td></tr>
</table>
用表格这样，版权所有这一栏就会永远处于窗口底部，而且三栏互不遮挡!请不要用绝对定位固定在下面，那样的话会遮住，而且几部分之间有空白。
我想用css控制div实现这样的，网上找也找不到，一些用js写的也不尽如人意。如果能用js写出来也行。谢谢
你们先自己试下效果再说，我把窗口拉高，拉低，他自己会变吗？
我自己知道写javascript控制中间那个的高度，还能随着拖动窗口高低自己变高变低，但总不尽人意，就是窗口拉的变高的时候是好的，但是窗口拉的变低的时候变不回来。
你们的都没达到我的要求。
<html>
<head>
<title></title>
</head>
<body>
<div id="top">这里是顶部</div>
<div id="content">这里放内容</div>
<div id="footer">版权所有</div>
</body>
</html>
用表格很容易实现，相当于这个功能：
<table width="100%" height="100%" border="0">
<tr height="100px"><td>这里是顶部</td></tr>
<tr><td>这里是内容，没给这里定高度，他就会自适应</td></tr>
<tr height="50px"><td>版权所有</td></tr>
</table>
用表格这样，版权所有这一栏就会永远处于窗口底部，而且三栏互不遮挡!请不要用绝对定位固定在下面，那样的话会遮住，而且几部分之间有空白。
我想用css控制div实现这样的，网上找也找不到，一些用js写的也不尽如人意。如果能用js写出来也行。谢谢
你们先自己试下效果再说，我把窗口拉高，拉低，他自己会变吗？
我自己知道写javascript控制中间那个的高度，还能随着拖动窗口高低自己变高变低，但总不尽人意，就是窗口拉的变高的时候是好的，但是窗口拉的变低的时候变不回来。
你们的都没达到我的要求。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body style="margin:0px; padding:0px;">
<div id="div1" style="height:128px; background-color:red;"> 0000</div>
<div id="div2" > 111</div>
<div id="div3" style="height:144px;background-color:blue;"> 222</div>
</dody>
<script>
if((div1.offsetHeight + div2.offsetHeight + div3.offsetHeight )<window.document.body.clientHeight)
{
div2.style.height= ( window.document.body.clientHeight- div1.offsetHeight-div3.offsetHeight )+"px";
}
</script>
</html>
楼主你说的表格
<table width="100%" height="100%" border="0">
<tr height="100px"><t