Html 导航栏没有';不要呆在头上
我正在创建一个网站,当我缩小页面时,导航栏并没有停留在de标题中 所以在html中我有一个,在里面我有一个id主菜单。我的css如下所示:Html 导航栏没有';不要呆在头上,html,css,Html,Css,我正在创建一个网站,当我缩小页面时,导航栏并没有停留在de标题中 所以在html中我有一个,在里面我有一个id主菜单。我的css如下所示: .main-menu { position: absolute; top: 16px; right: 10px; height: auto; display: block; } 我的网站的最大宽度是1920像素,在我缩小之前,一切看起来都很好。然后,我的导航栏出现在标题的外侧(从右侧开始为10px)。我希望它始终是1
.main-menu {
position: absolute;
top: 16px;
right: 10px;
height: auto;
display: block;
}
我的网站的最大宽度是1920像素,在我缩小之前,一切看起来都很好。然后,我的导航栏出现在标题的外侧(从右侧开始为10px)。我希望它始终是10px从标题的权利,而不是整个网站
有人能帮我吗?我是新手。尝试使用
位置:固定而不是位置:绝对。后者使其相对于页面是绝对的,但会随页面滚动。前者将相对于视口保持固定,这是您想要的。如果将位置:relative
添加到父div,我认为问题可以解决。但是如果问题没有解决,你能发送所有的代码头吗?(HTML和CSS)你能和我们分享nabar HTML吗?Woopss:所以在HTML中我有一个标题,里面有一个带有id主菜单的导航a。添加位置:相对
添加到标题中的CSS。如果这不起作用,你将不得不在你的问题中添加更多的代码。HTML和CSS。谢谢@John解决了这个问题!!