我试图提高博客文章中标题的可见性。我的一个想法是在标题上使用position:sticky，因此标题元素（H1，H2，H3等）始终在屏幕顶部可见。问题是，这些元素是按照定义嵌套的。
这是一个显示问题的jfiddle：
https://jsfiddle.net/81rxzros/
有没有办法让儿童元素＆＃34;推动＆＃34;屏幕上的父元素就好像它们都是兄弟元素一样？
目标是所有标题标签（H1，H2，H3，H4）仅 最新标头＆＃34;卡住＆＃34;在页面顶部。之前的标题应该是＆＃34;推＆＃34;在屏幕外，即使是最近的标题＆＃34;嵌套在之前的标题中。
同样的方式＆＃34; 四个标题＆＃34;元素在上面的jfiddle中表现。
编辑：我知道我可以通过在每个H＃标签上设置背景并将它们全部设置为相同的高度来模仿这种行为 - 因此最新的元素＆＃34;覆盖＆＃34;它之前的元素。但我并不特别想将H6元素设置为与H1元素相同的高度。
答案 0 :(得分：0)
我无法清楚地理解你的问题。但我认为Z-index可以参与其中。On your given link如果你做的话
h4{
Z-index:1;
}
然后它也将推动它的父母，并将来到前面。