您的位置: 首页  >  IT文章  >  div如何相对 td 定位

div如何相对 td 定位

分类: IT文章 • 2024-07-25 09:47:31
div怎么相对 td 定位
div如何相对 td 定位

aaa,bbb都是table，怎么将dfdf那个DIV定位到红框位置，并且浮动在上层，不改变其他元素的位置。

具体代码：
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
td{
height: 25px;
}
table{
font-size: 9pt;
font-family: 宋体;
}
td.StdFieldLabel{
text-align: left;
color: #4c4c4c;
}
.INPUTSUGGEST{
  positon: relative;
  border-style: solid;    
  border-width: 1px;
  border-color: #4c4c4c;
  background-color:#ffffff;
  Z-INDEX:999999;
  width: 120px;
}
</style>
</head>
<body>
<table>
<tr>
<TD CLASS=StdFieldLabel><nobr>aaa：</nobor></TD>
<td class=stdFieldInput  align="left" colspan="1"  rowspan="1" >
<input class=INPUTTEXT type="text" name="condzzbm" value=""  size="16">
<input class="INPUTBUTTON" type="button" name="choosezz" value="选择" onclick="selectXtzz(condzzbm,condzzmc)" >
</td>
<TD CLASS=StdFieldLabel><nobr>bbb：</nobor></TD>
<td class="stdFieldInput">
 <input class=INPUTTEXT type="text" name="condzzmc" value=""  size="20" onkeyup="inputSuggest();">
</td>
<div id="result_display" class=INPUTSUGGEST >
<div>dfdf</div>
</div>
</tr>
<tr>
<TD CLASS=StdFieldLabel><nobr>aaa：</nobor></TD>
<td class=stdFieldInput  align="left" colspan="1"  rowspan="1" >
<input class=INPUTTEXT type="text" name="condzzbm" value=""  size="16">
<input class="INPUTBUTTON" type="button" name="choosezz" value="选择" onclick="selectXtzz(condzzbm,condzzmc)" >
</td>
<TD CLASS=StdFieldLabel><nobr>bbb：</nobor></TD>
<td class="stdFieldInput">
 <input class=INPUTTEXT type="text" name="condzzmc" value=""  size="20" onkeyup="inputSuggest();">
</td>
</tr>
</table>
</body>
</html>
------解决思路----------------------
<html>

<head>

<meta charset="UTF-8">

<style type="text/css">

td{

height: 25px;

}

table{

font-size: 9pt;

font-family: 宋体;

}

td.StdFieldLabel{

text-align: left;

color: #4c4c4c;

}

.INPUTSUGGEST{

  positon: relative;

  border-style: solid;    

  border-width: 1px;

  border-color: #4c4c4c;

  background-color:#ffffff;

  Z-INDEX:999999;

  width: 120px;

}

#result_display{

position:relative;

top:0px;

}

</style>

</head>

<body>

<table>

<tr>

<TD CLASS=StdFieldLabel><nobr>aaa：</nobor></TD>

<td class=stdFieldInput  align="left" colspan="1"  rowspan="1" >

<input class=INPUTTEXT type="text" name="condzzbm" value=""  size="16">

<input class="INPUTBUTTON" type="button" name="choosezz" value="选择" onClick="selectXtzz(condzzbm,condzzmc)" >

</td>

<TD CLASS=StdFieldLabel><nobr>bbb：</nobor></TD>

<td class="stdFieldInput">

 <input class=INPUTTEXT type="text" name="condzzmc" value=""  size="20" onKeyUp="inputSuggest();">

</td>

</tr>

<tr>

<TD CLASS=StdFieldLabel><nobr>aaa：</nobor></TD>

<td class=stdFieldInput  align="left" colspan="1"  rowspan="1" >

<input class=INPUTTEXT type="text" name="condzzbm" value=""  size="16">

<input class="INPUTBUTTON" type="button" name="choosezz" value="选择" onClick="selectXtzz(condzzbm,condzzmc)" >

</td>

<TD CLASS=StdFieldLabel><nobr>bbb：</nobor></TD>

<td class="stdFieldInput">

 <input class=INPUTTEXT type="text" name="condzzmc" value=""  size="20" onKeyUp="inputSuggest();">

 <div id="result_display" class=INPUTSUGGEST >

	<div>dfdf</div>

  </div>

</td>

</tr>

</table>

</body>

</html>

相关推荐