CSS子粘性父TD的完整高度



我有一个表,其中第一列的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>

通常我会设置position:相对于TD和绝对跨度,但我需要TD具有粘性。我错过什么了吗?

使用div与display: table-*不是一个选项,因为我需要一个colspan。

我不知道,如果我理解正确的话,但是绝对位置也适用于具有位置粘性的父母。这意味着,子元素也将指向父元素,尽管它具有粘性。

除静态属性外,所有位置属性(粘性、相对和绝对)都将使子元素朝向它们。

希望我能帮上忙,不要误会你的意思。

最新更新