Question

我有以下代码：

<textarea>
<td align="center" bgcolor="#996633" onMouseover=javascript:ShowContent("menu7_items") onMouseout=javascript:HideContent("menu7_items")>
 <p>&nbsp;Stock Update&nbsp;</p>
 <div id="menu7_items" style="display:none;" onMouseover=javascript:ShowContent("menu7_items") onMouseout=javascript:HideContent("menu7_items")>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td align="left"><a href="/materials/SearchPaper.do">Update Paper</a></td>
   </tr>
  </table>
 </div>
</td>
</textarea>

有一个TD里面有一个DIV，在DIV里面有一个表。 DIV的默认样式是display：none。在鼠标悬停TD上，div应该在给定位置显示为弹出窗口。但它没有发生。 DIV出现在同一个TD中。如何使DIV的位置独立于TD。

Answer 1

position: absolute;

您可能还想指定方向属性（顶部，右侧，底部，左侧），但首先尝试使用它们以查看它的外观。如果您使用它们，您可能希望在父项上使用position：relative来相对于它定位绝对子项（同样适用于任何非“静态”的位置值，默认值）。

无法移动DIV

1 个答案: