Css布局教程 – CSS – 前端，css色

ie 透明 css，div css连接，网页css方框代码，css3旋转箭头，智能客服带css样式，如何实现css进度条，css色 Css布局教程 - CSS - 前端，css色

正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE7/8以及Chrome等现代浏览器，代码如下：

<!doctype html>

<html>

<head>

<title>div+css上中下布局</title>

<style>

html,body {height:100%; *overflow:hidden; /* 消除IE7下的横向滚动条 */}

body {margin:0; padding:0; font-size:30px; text-align:center; color:#fff;}

.top ,.nav ,.foot {width:100%; height:100px; position:absolute;}

.top {background:red; top:0;}

.nav {background:blue; top:100px; bottom:100px; height:auto;}

.foot {background:gray; bottom:0;}

</style>

</head>

<body>

<div class=”nav”>这里已经自适应到底部</div>

</body>

</html>

注：IE6不支持，如想完美解决，请使用js动态获取页面高度，然后赋值给nav那个层。