我之前刚刚写了最短的代码，效果已经自己测试过了。它与ie7/8、chrome和其他现代浏览器兼容。代码如下：
<！doctypehtml>
<html>
<head>
<metacharset=“utf-8”>
<title>divcss布局</title>
<style>
html，正文{高度：100%*溢出：隐藏/*消除ie7中的水平滚动条*/}
body{边距：0填充：0字体-大小：30px文本对齐：中心颜色：#fff}
.top，.nav，.foot{宽度：100%高度：100px位置：绝对值}
.top{b背景：红色上衣：0}
.nav{b背景：蓝色上衣：100像素底部：100px高：auto}
英尺{b背景：灰色底部：0}
</style>
</head>
<body>
<divclass=“top”>我是头</div>
<divclass=“nav”>这里已经调整为底部</div>
<divclass=“foot”>我是底部</div>
</body>
</html>
注意：ie6不支持。如果您想完美地解决这个问题，请使用js动态获取页面高度并将其分配给nav层。
