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