javascript - div 相对于静态元素的绝对位置

Question

我有一个 div 元素，我将其用作弹出式搜索字段，我希望它出现在要过滤的元素下方。但是，我似乎无法使用我希望该字段相对于的元素的 style.bottom 和 style.left，因为该元素是静态的。

示例在这里:http://www.is-epic.co.uk/example/example.html

单击标题 2 链接将在表格的左上角显示输入框。我希望它大致显示在 Data 1.2 所在的位置。我如何实现这一目标？

(example.html 中的代码在一个页面上，在实时开发中 CSS 和 JS 在不同的文件中)

Answer 1

设置您希望相对于 position: relative 定位其他元素的元素。

这将使它成为任何 position: absolute 后代的包含 block (除非两者之间的元素也是 position: not static)。