用CSS控制上中下div中的中间div的高度，使下div使终处于窗口底部。
我的问题很简单。就是使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控制中间那个的高度，还能随着拖动窗口高低自己变高变低，但总不尽人意，就是窗口拉的变高的时候是好的，但是窗口拉的变低的时候变不回来。
你们的都没达到我的要求。
<table width="100%" height="100%" border="0">
<tr height="100px"><td>这里是顶部</td></tr>
<tr><td>这里是内容，没给这里定高度，他就会自适应</td></tr>
<tr height="50px"><td>版权所有</td></tr>
</table>
这样写，怎么可能实现版权所有这一栏就会永远处于窗口底部呢？你自己试过吗？不可以吧？如果内容部分是很少内容的话，比如一行或者两行的文字信息，还是不能实现版权一栏永远在窗口最底下呀。
但是你说的功能楼上的高手已经实现了，你可以试试。你说的这个表格貌似不那么容易实现，要不你看看。。
如果你用表格实现调试可以了的话记得回复我哦--告诉我是怎么实现的。讨论
<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>本回答被提问者采纳
<div style="height:30%">顶部</div>
<div style="height:50%">顶部</div>
<div style="height:20%;">顶部</div>
这样不就OK了吗
CSS如何把DIV永远置于页面的底部
position:fixed; bottom:0; 这个方法简单好用。运用这个CSS把DIV永远置于页面的底部 利用绝对定位，然后设置底部距离为0。这个div如果位置在所有div的后面，那么只要前面的div 的高度够高的话，它的位置就会在页面的页面的底部的，一般想你这种说的要让他在页面底部的话都是页面高度太小，占不了满屏，导...
CSS DIV 怎么自适应高度 ,然后底部的DIV怎么置底。
当然你可以设置最小高度，兼容所有浏览器的 height:100px; height:auto !important; min-height:100px div置顶？最顶部 可以 设置 position:fixed; top:10; right:10
css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制，比如你用$("#divLeft").css("height")来获取左边的高度，然后把这个值设给右边就可以实现实时变化了，因为我知道你这个forum的话是左边可能变化比较大，然后右边要随着左边的变化来适应，当然float也要设置为left；（此处要保证你的左div和右div的宽度之和...
如何css控制div始终在整个页面最底部
var AdDivH = 150; \/\/高度 function scall(){ document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;"...
DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。2、html页面代码如图所示，定义一个div，然后给一个id属性即可。3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。4、然后在浏览器运行之后的...
CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。
使用绝对定位方式可实现这个效果，如下边这个示例：html代码：<div class="box"> <div class="demo">这个div要在box中水平居中，垂直居底<\/div><\/div>CSS代码：.con-box{position:relative;width:800px;height:500px;background:#000;}.demo{position:absolute;width:200px;height:150px;bottom:...
css+ div 怎么样定位一个 #div 在底部,就是网站最底部显示icp 备案的...
使用标准流的话，就把div加在网站html代码的最下方，然后通过css控制居中显示。使用定位方式的话，可以给body元素设置相对定位或者绝对定位，然后给新加的div设置绝对定位，位置为bottom同时设置个padding-top值
...一个div的height值为多少,它都在div里面的最底部?
上面放的是别的块级元素，如果跟在别的块级元素后面就取消float,块级元素不都是独占一行嘛，只要你想把他放最下面就在最下面啊
如何用CSS把层固定在整个网页的最底部?
<DIV id="container"> <DI id="content"> <h1>Content<\/h1> <p>请改变浏览器窗口的高度，以观察footer效果。<\/p> <p>这里是示例文字，DIV固定………，这里是示例文字。<\/p> <\/DIV> <DIV Vid="footer"> <h1>Footer<\/h1> <\/DIV> <\/DIV> <\/body> CSS代码：程序代码 body,html{ ...
如何用CSS把层固定在整个网页的最底部?
直接用css就可以控制<div style="width:300px; height:300px;position:relative"><div style="position:absolute; x:100%; y:100%"><\/div><\/div>内嵌的那个div会根据外部div的宽度和高度始终停留在该容器的右下角。停留位置可以根据自己需要调整 热心网友| 发布于2013-03-29 举报| 评论 0 3 <script...
