Html 如何忽略中间层<；部门>；？

我想创建一个粘性的背景，开始粘后，标题是滚动出帧

到目前为止，这是我的进步

.标题
{
宽度：100%；
背景色：黑色；
高度：100px；
}
粘滞的{
职位：-网络工具包粘性；
位置：粘性；
宽度：100%；
排名：0；
z指数：-1；
}
#包含
{   
宽度：50%；
背景颜色：黄色；
保证金：自动；
左侧填充：100px；
右边填充：100px；
高度：1000px；
明确：两者皆有；
}
纸卷
Lorem ipsum dolor sit amet，是一位杰出的献身者。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。Mauris ante Legula，facilisis sed ornare eu，lobortis in odio。前庭

将其高度设为0:

.header{
背景色：黑色；
高度：100px；
}
粘滞的{
位置：粘性；
排名：0；
z指数：-1；
身高：0；
}
第二组{
宽度：100%；
}
#包含{
宽度：50%；
背景颜色：黄色；
保证金：自动；
填充：10px 100px；
高度：1000px；
}

纸卷
Lorem ipsum dolor sit amet，是一位杰出的献身者。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。乌贼
奥古斯特·阿利奎特前庭。Mauris ante Legula，facilisis sed ornare eu，lobortis in odio。前庭

将其高度设为0:

.header{
背景色：黑色；
高度：100px；
}
粘滞的{
位置：粘性；
排名：0；
z指数：-1；
身高：0；
}
第二组{
宽度：100%；
}
#包含{
宽度：50%；
背景颜色：黄色；
保证金：自动；
填充：10px 100px；
高度：1000px；
}

纸卷
Lorem ipsum dolor sit amet，是一位杰出的献身者。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。乌贼
奥古斯特·阿利奎特前庭。Mauris ante Legula，facilisis sed ornare eu，lobortis in odio。前庭

更新了我的answer@Temani谢谢！这正是我需要的！但是当调整浏览器大小（通过减小宽度）时，图像不会覆盖整个背景，有什么解决方案吗？你能在这里给我一个代码：@Temani Afif在调整大小时看起来像这样试试这个：更新了我的answer@Temani谢谢！这正是我需要的！但是当调整浏览器大小（通过减小宽度）时，图像不会覆盖整个背景，有什么解决方案吗？你能在这里给我一个代码：@Temani Afif在调整大小时看起来像这样试试这个：