我正在尝试提高博客文章中标题的可见性。我的一个想法是在标题上使用position:sticky，以便在屏幕顶部总是可见标头元素(H1，H2，H3等(。问题是，这些元素在定义上是嵌套的。
这是一个显示问题的jfiddle：
https://jsfiddle.net/81rxzros/
是否有办法，所以孩子们的元素将父元素从屏幕上"推"，好像它们都是同级元素吗？
目标是所有标签标签(H1，H2，H3，H4(，仅对具有的最新 header"卡在"页面顶部。即使"最新标题"在内嵌套在之前，也应将其"推开"之前的标题。
以" 四个标头"的方式相同的方式在上方的jfiddle中行为。
编辑：我知道我可以通过在每个h＃标签上设置背景并将它们全部设置为相同的高度来模仿这种行为 - 因此，最新元素"覆盖"了之前的元素。但是我不希望将H6元素设置为与H1元素相同的高度。
我无法清楚地理解您的问题。但是我认为Z-index可以在这里参与其中。 h4{
Z-index:1;
}然后，它也将推动其父母，并将前进。