为何失效？
在提供的问题代码中，
元素的 position: sticky 属性似乎不起作用。然而，问题并不在于 position: sticky 失效，而是元素的层级被其他元素遮挡。
具体来说， 元素被赋予了 position: relative 样式，这意味着它创建一个局部定位容器。内部元素的定位相对于此容器。在代码中，
元素的 position: sticky 会被 的 position: relative 覆盖，导致 元素的层级低于表格，从而被其遮挡。
解决方案：
为了解决这个问题，可以通过以下方法之一提升
元素的层级：
- 将 移动到 元素之外。
- 使用 z-index 属性为 指定一个更高的层级，使其覆盖表格。
- 为 指定 position: static，这将使其无法影响嵌套元素的定位。
