粘性父TD的CSS子全高

Question

我有一张表，其中第一列的 TD 有一个位置：sticky 我需要有几个子元素，占据单元格的整个高度。

TD:nth-child(1) {
  position: sticky;
  left: 0px;
}
SPAN {
  display: inline-block;
  width: 5px;
  background-color: red;
  margin-right: 1em;
}

<TABLE>
  <TR>
    <TD>
    <SPAN>&#x200B;</SPAN><SPAN>&#x200B;</SPAN><LABEL>Other contents</LABEL>
    </TD>
    <TD>Multiline<BR>contents
    </TD>
  </TR>
</TABLE>

通常我会设置位置：相对于 TD 和绝对的 SPAN，但我需要 TD 是粘性的。 我错过了什么？

将 DIV 与 display: table-* 一起使用不是一种选择，因为我需要一个 colspan。

Answer 1

我不知道，如果我理解正确，但绝对位置也适用于位置粘性的父母。这意味着，即使它具有粘性，子项也会定向到父项。

除静态之外的所有位置属性（粘性、相对和绝对）都会使孩子定向到它们。

希望我能提供帮助，不要误会你。