Css 位置：sticky不'；t处理：第一个子选择器，what'；发生什么事了？

问题是，我在其他地方看到过这种方法。所以它应该会起作用。我不知道哪里出了问题，因为浏览器开发工具显示该位置设置为“粘滞”，但不粘滞

JSFiddle

.parent{
高度：1000px；
宽度：200px；
位置：相对位置；
显示：内联块；
}
.位置粘性{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（200220255,0.5）；
}
.第一个孩子的位置{
位置：相对位置；
}
.定位第一个孩子>：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（255,220,200,0.5）；
}

我黏糊糊的
我是个粘乎乎的孩子

问题似乎是

中没有添加高度。将第一个孩子放置在粘性位置

。如果您设置此

1000px

的高度，则它可以工作。高度也可以设置为

inherit

.position-first-child-sticky {
height: 1000px;
}

下面是一个工作示例：

.parent{
高度：1000px；
宽度：200px；
位置：相对位置；
显示：内联块；
}
.第一个孩子的位置{
高度：1000px；
}
.位置粘性{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（200220255,0.5）；
}
.position第一个子项{position:relative；}
.定位第一个孩子>：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（255220200,0.5）；
}

我黏糊糊的
我是个粘乎乎的孩子

问题似乎是

中没有添加高度。将第一个孩子放置在粘性位置

。如果您设置此

1000px

的高度，则它可以工作。高度也可以设置为

inherit

.position-first-child-sticky {
height: 1000px;
}

下面是一个工作示例：

.parent{
高度：1000px；
宽度：200px；
位置：相对位置；
显示：内联块；
}
.第一个孩子的位置{
高度：1000px；
}
.位置粘性{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（200220255,0.5）；
}
.position第一个子项{position:relative；}
.定位第一个孩子>：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（255220200,0.5）；
}

我黏糊糊的
我是个粘乎乎的孩子

这是因为您的子元素

.position first child sticky>：first child

及其父容器

.position first child sticky在DOM中的高度相同


尝试在
上增加一些高度。将第一个孩子放在粘滞的位置，您将看到不同之处


.parent{
高度：1000px；
宽度：200px；
位置：相对位置；
显示：内联块；
}
.位置粘性{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（200220255,0.5）；
}
.第一个孩子的位置{
位置：相对位置；
高度：200px；
}
.定位第一个孩子>：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（255,220,200,0.5）；
}

我黏糊糊的
我是个粘乎乎的孩子
这是因为您的子元素
.position first child sticky>：first child
及其父容器
.position first child sticky在DOM中的高度相同


尝试在
上增加一些高度。将第一个孩子放在粘滞的位置，您将看到不同之处


.parent{
高度：1000px；
宽度：200px；
位置：相对位置；
显示：内联块；
}
.位置粘性{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（200220255,0.5）；
}
.第一个孩子的位置{
位置：相对位置；
高度：200px；
}
.定位第一个孩子>：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
背景：rgba（255,220,200,0.5）；
}

我黏糊糊的
我是个粘乎乎的孩子
最新的Firefox和Chrome浏览器。。。第二个“我是第一个粘粘的孩子”也会粘在你的浏览器里吗？最新的Firefox和Chrome。。。第二个“我是第一个粘孩子”是否也粘在你的浏览器中？@Alph.Dev粘的位置工作正常，但不可能看到粘的效果，因为父元素和子元素在DOM中的高度相同。对不起，你完全正确。我删除了注释，因为它不再是真的。@Alph.Dev粘贴位置工作正常，但不可能看到粘贴效果，因为父元素和子元素在DOM中的高度相同。对不起，您完全正确。我删除了这个评论，因为它不再是真的。