两个 div 的要求都写在 div 自身里面了。只要保留两个 div 要求，其他可以自行发挥。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<script>
function send()
{
var div = document.getElementById("wrapper");
div.innerHTML += (new Date() + "<br />" ) ;
div.scrollTop = div.scrollHeight;
}
</script>
</head>
<body>
<div style="position:fixed;border:#00FF00 solid 2px">位置固定在顶部，不会随着页面滚动而滚动</div>
<div id="wrapper" style="position:absolute;top:40px;border:#CC3333 solid 2px" onclick="send()">
大小为占剩余的全部页面。内容超过时显示条。<br />滚动条保持在底部.滚动时不能和上一个 div 重叠！<br /></div>
</body>
</html>
追问与我的问题无任何关系,请不要来污染环境.
本回答被网友采纳