Html 导航栏不粘了吗?

Html 导航栏不粘了吗?,html,css,Html,Css,有人能告诉我为什么导航条不遵循粘性位置属性吗 这是我代码的链接--https://codepen.io/prashant_verma/full/yLMKMQL使用位置:固定 标题{ 位置:固定; 背景颜色:浅蓝色; } p{ 宽度:150px; } 你好,世界 Lorem ipsum dolor sit amet,是一位杰出的献身者。但是,在设施咨询委员会、智囊团和法雷特拉智囊团、欧盟孕产妇协会等地,这家公司的雇员人数最多。一位名叫euismod enim varius的人,他是一位圣公

有人能告诉我为什么导航条不遵循粘性位置属性吗


这是我代码的链接--https://codepen.io/prashant_verma/full/yLMKMQL使用
位置:固定

标题{
位置:固定;
背景颜色:浅蓝色;
} 
p{
宽度:150px;
}

你好,世界

Lorem ipsum dolor sit amet,是一位杰出的献身者。但是,在设施咨询委员会、智囊团和法雷特拉智囊团、欧盟孕产妇协会等地,这家公司的雇员人数最多。一位名叫euismod enim varius的人,他是一位圣公会会员。这是我的梦想。海象,海象。佐料,奥古斯特和佐料,利奥·埃尼姆·尤里塞斯·胡斯托,坐在一起的阿梅特·康格是一个同样的人。我是波苏尔,我是萨吉蒂,我是发酵剂或调味品。Morbi aliquam egestas lacus et suscipit。从pulvinar出发的苏打水。Nunc velit dui、拉契尼亚红葡萄酒id、苏打水饮料sem。拍卖人是临时的,而不是临时的。Donec tortor enim,一家非公司,Placelat semper ex。
Lorem ipsum dolor sit amet,是一位杰出的献身者。但是,在设施咨询委员会、智囊团和法雷特拉智囊团、欧盟孕产妇协会等地,这家公司的雇员人数最多。一位名叫euismod enim varius的人,他是一位圣公会会员。这是我的梦想。海象,海象。佐料,奥古斯特和佐料,利奥·埃尼姆·尤里塞斯·胡斯托,坐在一起的阿梅特·康格是一个同样的人。我是波苏尔,我是萨吉蒂,我是发酵剂或调味品。Morbi aliquam egestas lacus et suscipit。从pulvinar出发的苏打水。Nunc velit dui、拉契尼亚红葡萄酒id、苏打水饮料sem。拍卖人是临时的,而不是临时的。Donec tortor enim,一家非公司,Placelat semper ex。

这是因为“粘性位置”始终遵循其父级的高度和宽度。在您的情况下,
#sticky
位于其父级
内,并且收割台具有最小高度,这就是为什么当您经过收割台时,
#sticky
紧随其后的原因。因此,解决方案是,您最好将
#sticky
保持在这样一个位置,以便
可以成为它的父对象。像这样,

<body>
  <div id="sticky">
  ...
  </div>
<body>

...
然后,它将始终在页面上方粘贴。
如果你想把它放在h1-Flexbox挑战2下, 顶部:(h1的高度)

虽然position:fixed对您来说是一个简单的解决方案,但您也必须非常了解position sticky

请在您的问题中发布您的代码。我们需要一个在这里,而不是在另一个网站没有JS。从内存中,
sticky
类将需要JS