关于div的定位显示问题

阅读更多

代码如下：

  1
  2
  3
  4
  5 < html >
  6      < head >
  7          < title > NetShop Management Category Add Panel
  8          title >
  9          < meta  http-equiv =Expires  content =0 >  
 10 < meta  http-equiv =Pragma  content =no-cache >  
 11 < meta  http-equiv =Cache-Control  content =no-cache >  
 12          < meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8" >
 13          < link  type ="text/css"  rel ="stylesheet"  href ="css/xtree2.css" >
 14          < script  type ="text/javascript"  src ="js/xtree2.js" > script >
 15         
 16          < script  type ="text/javascript"  src ="js/xloadtree2.js" > script >
 17          < script >
 18 function showTree(a)
 19{
 20    document.getElementById('divTree').style.display = "block";
 21    document.getElementById('divTree').style.left=a.offsetLeft+'px'
 22    document.getElementById('divTree').style.top=a.offsetTop+ a.offsetHeight+'px'
 23}
 24function hideTree(a)
 25{
 26    document.getElementById('divTree').style.display="none";
 27}
 28function insertValue(oNode)
 29{
 30    document.getElementById('parentCategoryName').value = oNode.text;
 31    document.getElementById('parentCategoryId').value = oNode.id;
 32    document.getElementById('divTree').style.display = "none";
 33    //alert(oNode.id);
 34}
 35  script >
 36      head >
 37      < body >
 38          < form  name ="categoryForm"  method ="post"  action ="/NetShop/manage/categoryAdd.do" >
 39              < br  />
 40              < br  />
 41              < table  border ="1"  cellpadding ="4"  cellspacing ="0"  width ="600"
 42                 align ="center" >
 43                  < tr >
 44                      < td > td >
 45                      < td > td >
 46                      < td > td >
 47                  tr >
 48                  < tr >
 49                      < td >
 50                         Select Parent Category Name:
 51                      td >
 52                      < td >
 53                          < input  type ="text"  name ="parentCategoryName"  value =""  onfocus ="showTree(this);" >
 54                      td >
 55                      < td >
 56                         
 57                      td >
 58                  tr >
 59                  < tr >
 60                      < td >
 61                         Category Name:
 62                      td >
 63                      < td >
 64                          < input  type ="text"  name ="categoryName"  value ="" >
 65                      td >
 66                      < td >
 67                         
 68                      td >
 69                  tr >
 70                  < tr >
 71                      < td >
 72                         Description:
 73                      td >
 74                      < td >
 75                          < textarea  name ="categoryDescription" > textarea >
 76                      td >
 77                      < td >
 78                         
 79                      td >
 80                  tr >
 81                  < tr >
 82                      < td >
 83                         Status:
 84                      td >
 85                      < td >
 86                          < select  name ="categoryStatus"  size ="1" >< option  value ="NORMAL" > Normal option >
 87                              < option  value ="LOCKED" > Locked option >
 88                              < option  value ="DELETED" > Deleted option > select >
 89
 90                      td >
 91                      < td >
 92                         
 93                      td >
 94                  tr >
 95              table >
 96              < input  type ="hidden"  name ="parentCategoryId"  value ="" >
 97             
 98              < br  />
 99             
100              < br  />
101              < br  />
102              < input  type ="submit"  value ="Submit" >
103              < input  type ="submit"  name ="org.apache.struts.taglib.html.CANCEL"  value ="Reset"  onclick ="bCancel=true;" >
104          form >
105          < div  id ="divTree"
106             style ="overflow-y:auto;height:200px;width:70px;display:none;position:relative;background-color:#FFF;z-index:1000;border-style:solid;border-color:#ACAA9C;border-width:1px" >
107              < script  type ="text/javascript" >
108var tree=new WebFXLoadTree("dictionaries","dictionaries.xml");
109var ti0 = new WebFXTreeItem("Item 0");
110tree.add(ti0);
111tree.write();
112tree.expand();
113 script >
114          div >
115      body >
116 html >
117
118

改了后：

  1
  2
  3
  4
  5 < html >
  6      < head >
  7          < title > NetShop Management Category Add Panel
  8          title >
  9          < meta  http-equiv =Expires  content =0 >  
 10 < meta  http-equiv =Pragma  content =no-cache >  
 11 < meta  http-equiv =Cache-Control  content =no-cache >  
 12          < meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8" >
 13          < link  type ="text/css"  rel ="stylesheet"  href ="css/xtree2.css" >
 14          < script  type ="text/javascript"  src ="js/xtree2.js" > script >
 15         
 16          < script  type ="text/javascript"  src ="js/xloadtree2.js" > script >
 17          < script >
 18 function showTree(a)
 19{
 20    document.getElementById('divTree').style.display ="";
 21    document.getElementById('divTree').style.left=a.offsetLeft+'px'
 22    document.getElementById('divTree').style.top=a.offsetTop+ a.offsetHeight+'px'
 23}
 24function hideTree(a)
 25{
 26    document.getElementById('divTree').style.display="none";
 27}
 28function insertValue(oNode)
 29{
 30    document.getElementById('parentCategoryName').value = oNode.text;
 31    document.getElementById('parentCategoryId').value = oNode.id;
 32    document.getElementById('divTree').style.display = "none";
 33    //alert(oNode.id);
 34color: #008000; background-color: #f5f5