jsp代码中 无法定位position:absolute

本人想通过position:absolute把中间一个div固定显示在中间，以下代码在保存为*.html没有问题，放到jsp页面中就不正常显示了。<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
*{margin:0;padding:0;}body, html {
height:100%;
width:100%;
overflow:hidden;
}.middle {
 position:absolute;
 top:124px;
 bottom:32px;
 width:100%;
 overflow:scroll;
  height:auto;
 border: 1px solid #6C98C8;
}
.main {
 height:100%;
 width:100%;
 background:#FCC;
}
 
</style>
<title>管理系统</title>
</head><body><div class="middle">
 <div class="main">
    网页上下固定，div高度自适应浏览器窗口测试
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>
    <p>123456789</p>    </div>
</div>
</body></html>
JSPHTML

解决方案 »

  1.   

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      

  2.   

    我试了下没有变化，你的jsp是怎么不正常。
      

  3.   

    正常的情况下中间的div是显示在中间的，而且当最里面的div内容增多会出现滚动条。我的jsp中就是不行。无论bottom:32px设置为多少，都没有变化，好像改样式无效了一样。
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">