Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航栏没有';不要呆在头上_Html_Css - Fatal编程技术网

Html 导航栏没有';不要呆在头上

Html 导航栏没有';不要呆在头上,html,css,Html,Css,我正在创建一个网站,当我缩小页面时,导航栏并没有停留在de标题中 所以在html中我有一个,在里面我有一个id主菜单。我的css如下所示: .main-menu { position: absolute; top: 16px; right: 10px; height: auto; display: block; } 我的网站的最大宽度是1920像素,在我缩小之前,一切看起来都很好。然后,我的导航栏出现在标题的外侧(从右侧开始为10px)。我希望它始终是1

我正在创建一个网站,当我缩小页面时,导航栏并没有停留在de标题中

所以在html中我有一个,在里面我有一个id主菜单。我的css如下所示:

.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解决了这个问题!!