Html 在媒体查询中定位具有绝对值的元素

在媒体查询中，我将移动菜单图像从

display:none

更改为

display:inline block

，这让我迷失了方向。我正试图使图像处于

位置：绝对

，并位于页面右上角

顶部：30px

和

右侧：30px

。由于某种原因，图像出现在左侧图像（公司徽标）下

有人知道我做错了什么吗

#标题{
宽度：100%；
高度：120px；
背景：#FFF；
边框底部：2个实心#CDCDCD；
位置：固定；
z指数：111；
}
#导航内{
宽度：80%；
保证金：0自动；
显示：块；
位置：相对位置；
}
#收割台img{
宽度：25%；
显示：内联块；
}
#标题img img{
高度：120px；
宽度：自动；
}
#菜单按钮{
显示：无；
宽度：30px；
高度：30px；
职位：绝对；
顶部：50px；
右：50px；
光标：指针；
}
#导航集装箱{
宽度：75%；
显示：内联块；
位置：相对位置；
}
#导航表{
位置：绝对位置；
最高：50%；
高度：120px；
利润上限：-60px；
文本对齐：右对齐；
宽度：100%；
}
.导航链路{
显示：内联块；
填充：0 10px；
}
.导航链路a{
颜色：#009ED2；
字号：1.2rem；
字体系列：“Muli”，无衬线；
文字装饰：无；
位置：相对位置；
}
.导航链路激活a{
垫底：10px；
}
.导航链路激活a：之后{
内容：“；
宽度：80%；
高度：3倍；
背景：#0f5233；
底部：0；
位置：绝对位置；
左：10%；
}
/*----------------------------------------------媒体查询640--------------------------------------------*/
@媒体屏幕和屏幕（最大宽度：640像素）{
#标题{
宽度：100%；
高度：120px；
背景：#FFF；
左边框：2个实心#CDCDCD；
位置：固定；
z指数：111；
}
#导航内{
宽度：90%；
}
#收割台img{
宽度：40%；
}
#标题img img{
高度：100px；
}
#菜单按钮{
显示：内联块；
}
#导航集装箱{
宽度：59%；
显示：内联块；
}
#导航表{
位置：固定；
高度：100vh；
宽度：50%；
背景：#009ED2；
排名：0；
底部：0；
右：0；
边际上限：0；
z指数：2；
溢出y：自动；
溢出x：可见；
转换：转换（100%，0）；
}
.导航链路{
显示：块；
填充：20px0；
宽度：100%；
}
.导航链路a{
字号：1.2rem；
颜色：#FFF；
右边距：15px；
}
}

内部

#菜单按钮

您有

位置：绝对而不是
位置：绝对
。从
#nav container
内部
#菜单按钮中移除
位置：相对
，您拥有
位置：绝对而不是
位置：绝对
。将
位置：相对
从
#nav容器中删除
您将
位置拼错为
位置
#导航集装箱
需要
垂直对齐：顶部
在集装箱顶部对齐，并将
菜单按钮
的
顶部
和
右侧
值更改为
0
，使其位于顶部/右侧

您将
位置
拼错为
位置
#导航集装箱
需要
垂直对齐：顶部
在集装箱顶部对齐，并将
菜单按钮
的
顶部
和
右侧
值更改为
0
，使其位于顶部/右侧

一些破损的结构和丢失的图像有点难说，但是……我没有看到它在徽标下移动。它坚持右边（尽管离右边太远）

有一件事我可以告诉你：你把菜单按钮的“位置”拼写错了。你写了“职位”。尽管如此，你可能不应该把它应用到图腾柱下（图像本身）。试试这个：

一,。
更改：

#nav-menu {
 width: auto;
 display: inline-block;
 position: absolute;
 right: 30px;
 top:30px;
}

移除**位置：绝对位置；“从您的#菜单按钮
一些破损的结构和丢失的图片有点难说，但是…我没有看到它在标志下移动。它粘在右边（尽管离右边太远）

有一件事我可以告诉你：你把“position”拼写错了#菜单按钮。你写了“position”。不过，你可能不应该把它应用到图腾柱下面（图像本身）。试试这个：

一,。
更改：

#nav-menu {
 width: auto;
 display: inline-block;
 position: absolute;
 right: 30px;
 top:30px;
}

从#菜单按钮中删除**位置：绝对
嗨，保罗，你能给我们一个更好的演示吗？我们需要对目前的问题有一个全面的了解。我现在看到的只是几个破碎的图像，我看到的唯一绝对定位的是
。导航链接激活a:after
它位于css的主要部分。对于
#菜单按钮
，即使图像已损坏，它仍能正常工作。您可以看到菜单按钮图像位于左图像的正后方。我希望它在右上角。@Armin哇。。愚蠢的打字错误。即使在这是固定的，图像是远低于30像素从顶部。嗨，保罗，你能给我们一个更好的演示？我们需要对目前的问题有一个全面的了解。我现在看到的只是几个破碎的图像，我看到的唯一绝对定位的是
。导航链接激活a:after
它位于css的主要部分。对于
#菜单按钮
，即使图像已损坏，它仍能正常工作。你可以