HTML/CSS-缩小窗口大小,但导航菜单卡在屏幕右上角
请允许我说,我对HTML/CSS非常陌生,所以请原谅我的代码非常草率。基本上,我想要的只是一个标题,标题中有我的名字,然后是右上角的导航栏。但是当我调整窗口的大小时,导航条会固定在右上角,并与我的航向重叠。我只想让它呆在原地 我不确定这是否是足够的信息,但我会把我的CSS代码放在下面。我已经试了一个多小时,想让它从左上角调整大小。我尝试了position:fixed/right:0px,但什么也没发生。如果你们能帮忙,我将永远感激你们HTML/CSS-缩小窗口大小,但导航菜单卡在屏幕右上角,html,css,position,Html,Css,Position,请允许我说,我对HTML/CSS非常陌生,所以请原谅我的代码非常草率。基本上,我想要的只是一个标题,标题中有我的名字,然后是右上角的导航栏。但是当我调整窗口的大小时,导航条会固定在右上角,并与我的航向重叠。我只想让它呆在原地 我不确定这是否是足够的信息,但我会把我的CSS代码放在下面。我已经试了一个多小时,想让它从左上角调整大小。我尝试了position:fixed/right:0px,但什么也没发生。如果你们能帮忙,我将永远感激你们 div#wrapper { width: 98%;
div#wrapper {
width: 98%;
margin: auto;
}
div.header {
background-color:black;
height: 80px;
width:100%;
position:fixed;
}
div.menu {
width:600px;
height:100px;
position:absolute;
right:0px;
margin-right:10px;
}
div.menu p {
display:inline-block;
float:right;
margin-top:0px;
}
div.menu a {
text-decoration: none;
display:block;
width: 100px;
padding: 30px 10px 29px 10px;
text-align:center;
margin-left: -5px;
color: black;
background-color:white;
font-family: Trajan Pro;
border-left: 1px solid black;
border-right: 1px solid black;
font-size:16px;
}
非常感谢 我的理解是:
您希望调整窗口的大小,但不希望调整导航栏的大小。如果这是你要问的,你应该做什么很简单
如果我理解正确的话,你现在的父母子女关系就是这样
<div id="wrapper">
<div id="menu"></div>
<div id="navigationbar"></div>
</div>
如果这不能解决您的问题,请解释如何在此处调整链接大小或共享链接,以便我们更容易理解。这似乎不起作用:我在其他人的帖子上发表了评论,以提供链接。如果你愿意,看看!!基本上,我不想把它固定在缩小屏幕的右上角。我希望网页保持原来的大小:你能提供一些关于小提琴的例子吗?我不知道你遇到了什么样的问题-这里是小提琴链接:这里是imgur链接:基本上,我不希望导航栏覆盖我的名字,我只希望它保持在右边,所以我必须滚动才能看到它。非常感谢!!
<div id="wrapper">
<div id="menu"></div>
</div>
<div id="navigationbar"></div>
.navigationbar{position:absolute; top:0px; right:0px;}