Html 如何使div相对于表头（th）但位于其外部？

我有一个表头，当点击它时会显示一个帮助文本（div）

但是help div总是使表标题比其他标题大

代码片段如下所示：

#帮助框{
边界半径：20px；
背景：rgba（0,0,0,0.77）；
填充：10px；
颜色：白色；
字体大小：12px；
}

股票
价格
变量周期关联是一个随机文本。制作百分比与上周的大小相同（截至周日23:59）。
第一行75.50-0.66%
第二行$66.50-0.66%
第三行56.50-0.66%
如果我理解正确，您应该将
位置：绝对
应用于您的
#help#box
div。然后您可以使用
左
，
右
，
上
，
下
属性对其进行定位

如果您希望将定位应用于表格而不是整个页面，则必须为表格提供
位置：相对
属性。
如果我理解正确，您应该将
位置：绝对
应用于
帮助框
div。然后您可以使用
左
，
右
,，
顶部
，
底部
属性

如果您希望将定位应用于相对表格，而不是整个页面，则必须为表格提供
位置：相对
属性。
如果我理解您的要求，以下内容将为您提供所需内容（尽管菜单的大小将垂直增长，因此您需要确保根据标题的宽度限制内容）


#帮助框{
边界半径：20px；
背景：rgba（0,0,0,0.77）；
填充：10px；
颜色：白色；
位置：绝对位置；
字体大小：12px；
}

股票
价格
变量周期是一个随机文本。它的%大小与上周相同（直到星期日23:59）。
第一行75.50-0.66%
第二行$66.50-0.66%
第三行56.50-0.66%
如果我理解您的要求，下面的内容将满足您的需要（尽管菜单的大小将垂直增长，因此您需要确保根据标题的宽度限制内容）


#帮助框{
边界半径：20px；
背景：rgba（0,0,0,0.77）；
填充：10px；
颜色：白色；
位置：绝对位置；
字体大小：12px；
}

股票
价格
变量周期是一个随机文本。它的%大小与上周相同（直到星期日23:59）。
第一行75.50-0.66%
第二行$66.50-0.66%
第三行56.50-0.66%
谢谢！成功了！请在下面拉小提琴：


#帮助框{
边界半径：20px；
背景：rgba（0,0,0,0.77）；
填充：10px；
颜色：白色；
字体大小：12px；
位置：绝对位置；
左：80px；
右：80px；
}

股票
价格
变异
周期是一个随机的文本。它的%大小与上周相同（直到星期日23:59）。
第一排
$75.50
-0.66%
第二排
$66.50
-0.66%
第三排
$56.50
-0.66%
谢谢！成功了！请在下面拉小提琴：


#帮助框{
边界半径：20px；
背景：rgba（0,0,0,0.77）；
填充：10px；
颜色：白色；
字体大小：12px；
位置：绝对位置；
左：80px；
右：80px；
}

股票
价格
变异
周期是一个随机的文本。它的%大小与上周相同（直到星期日23:59）。
第一排
$75.50
-0.66%
第二排
$66.50
-0.66%
第三排
$56.50
-0.66%
它起作用了。但我必须使用“位置：相对”来表示距离较远的父对象“div”！不知道组件之间的位置相对绝对关系。它起作用了。但我必须使用“位置：相对”来表示距离较远的父对象“div”！不知道组件之间的位置相对绝对关系。