例子，css控制div置顶置底。
代码：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta http-equiv="content-language" content="zh-cn" />
<title>css控制div置顶置底 - www.jb200.com</title>
<style type="text/css" media="screen">
<!--
* {margin:0;padding:0;}
body {margin:0 auto;font:12px/20px tahoma simsun arial;color:#fff;background-color:#fff;text-align:center;}
.aaa{ width:150px; background:blue;position:absolute;left:0;top:0; }
.bbb{ width:150px; background:blue;position:absolute;right:0;top:0; }
.ccc{ width:150px; position:absolute; top:100%;left:0; margin-top:-20px; background:blue;}
.ddd{ width:150px; position:absolute; top:100%;right:0; margin-top:-20px; background:blue;}
.aa{ width:50px; position:fixed; background:black; _position:absolute;_top:expression(eval(document.documentelement.scrolltop));z-index:1000;left:0;top:0; }
.bb{ width:50px; position:fixed; background:black; _position:absolute;_top:expression(eval(document.documentelement.scrolltop));z-index:1000;right:0;top:0; }
.a{ color:#000; }
-->
</style>
</head>
<body>
<div class="aaa">aaa</div>
<div class="bbb">bbb</div>
<div class="aa">a</div>
<div class="bb">b</div>
<div class="a">
<br /><br /><br /><br />
<br />
a层和b层会随滚动条移动永久置顶
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<div class="ccc">ccc</div>
<div class="ddd">ddd</div>
</body>
</html>