我得到了包含具有 position:relative'
的单元格的行,在它们里面我得到了具有 position:absolute
的 select
元素。问题是当我添加例如 top:0
时,选择将转到页面顶部而不是表格单元格顶部 - 为什么??
<div class='content'>
...
<tr class="search">
<td>...</td><td>...</td><td>
<select name="source" id="id_source" class="ui-corner-all" multiple="multiple">
<option value="1">Test1</option>
</select>
</td>
<td>
<select name="owner" id="id_owner" class="ui-corner-all" multiple="multiple">
<option value="1">admin</option>
<option value="2">Janusz</option>
</select></td></tr>
...
</div>
和CSS
.search td {
position:relative;
vertical-align: top;
width: auto;
height: auto;
}
.content select[multiple=multiple]{
height:1.5em;
background-color:#D4CCB0;
position: absolute;
padding:4px;
top:0px
}
最佳答案
当我注释掉 top:0;
时,选择框就位了
关于html - 如何相对于父表单元格定位绝对定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23246734/