Html 需要帮忙把汉堡菜单移到右边吗

因此，我的“打开菜单/汉堡”图标一直显示在导航的徽标下，我不知道如何根据最佳实践将其显示在桌面和移动设备标题菜单最右侧的实际位置，而不进行正确操作：-220或其他操作。一定有更好的办法

*，
*：：之前，
*：：之后{
保证金：0；
填充：0；
框大小：继承；
}
html{
字号：18px；
框大小：边框框；
}
a{文本装饰：无；}
h1{
字体大小：48px；
字号：200；
字体系列：“鸬鹚”，“加拉蒙”，无衬线；
}
.主要讯息{
字体大小：400；
字体系列：“蒙特塞拉特”，无衬线；
}
.nav列表，.nav项目a{
字体大小：13px；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
颜色：白色；
文字装饰：无；
}
李{
列表样式：无；
}
img{宽度：100%；
最大宽度：100%；
高度：自动；
}
部分{
填充：5rem0；
}
·流动电话{
宽度：26px
}
.导航列表{
宽度：20px；
}
标题{
宽度=100%；
身高：5雷姆；
位置：绝对位置；
排名前90名；
左：200；
z-索引：1；}
}
导航{
宽度：100%；
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
填充：1rem0；
边框底部：无；
}
容器{
宽度：100%；
最大宽度：98雷姆；
保证金：0自动；
填充：0.1.5雷姆；
}
.nav品牌{宽度：14rem；}
·流动电话{
光标：指针；
}
.nav列表{宽度：25rem；
高度：100vh；
背景色：#D64C31；
位置：固定；
排名：0；
右：-26雷姆；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
z指数：1500；
过渡：所有650M都易于输入输出；
}
.nav-list.active{
右：0；
}
.close{位置：绝对；}
.nav列表img{宽度：1.5rem；
身高：1.5雷姆
}
.移动关闭{
位置：绝对位置；
顶部：1rem；
左：1.5雷姆；
}
.导航项目{
保证金：1.5雷姆；
颜色：白色；
}
.导航链路{
颜色：白色；
文本转换：大写；
}
.nav-list.active{
右：0；
}
.结束{
位置：绝对位置；
顶部：1rem；
底部：1.5雷姆；
}
.打开{
位置：绝对位置；
顶部：1rem；
底部：1.5雷姆；
右：-220px；
}

*，
*：：之前，
*：：之后{
保证金：0；
填充：0；
框大小：继承；
}
html{
字号：18px；
框大小：边框框；
}
a{文本装饰：无；}
h1{
字体大小：48px；
字号：200；
字体系列：“鸬鹚”，“加拉蒙”，无衬线；
}
.主要讯息{
字体大小：400；
字体系列：“蒙特塞拉特”，无衬线；
}
.nav列表，.nav项目a{
字体大小：13px；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
颜色：白色；
文字装饰：无；
}
李{
列表样式：无；
}
img{宽度：100%；
最大宽度：100%；
高度：自动；
}
部分{
填充：5rem0；
}
·流动电话{
宽度：26px
}
.导航列表{
宽度：20px；
}
标题{
宽度=100%；
身高：5雷姆；
位置：绝对位置；
排名前90名；
左：200；
z-索引：1；}
}
导航{
宽度：100%；
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
填充：1rem0；
边框底部：无；
}
容器{
宽度：100%；
最大宽度：98雷姆；
保证金：0自动；
填充：0.1.5雷姆；
}
.nav品牌{宽度：14rem；}
·流动电话{
光标：指针；
}
.nav列表{宽度：25rem；
高度：100vh；
背景色：#D64C31；
位置：固定；
排名：0；
右：-26雷姆；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
z指数：1500；
过渡：所有650M都易于输入输出；
}
.nav-list.active{
右：0；
}
.close{位置：绝对；}
.nav列表img{宽度：1.5rem；
身高：1.5雷姆
}
.移动关闭{
位置：绝对位置；
顶部：1rem；
左：1.5雷姆；
}
.导航项目{
保证金：1.5雷姆；
颜色：白色；
}
.导航链路{
颜色：白色；
文本转换：大写；
}
.nav-list.active{
右：0；
}
.结束{
位置：绝对位置；
顶部：1rem；
底部：1.5雷姆；
}
.打开{
位置：绝对位置；
顶部：1rem；
底部：1.5雷姆；
右：-220px；
}

朱诺学院
视口元标记存在一些问题：

<meta name="viewport" content="width=device-width, user-scale=no, initial-scale=1.0,
  maximum-scale=1.0, minimum-scale=1.0">

有关视口元标记的详细信息，请参见：

您也不会在css中显示任何内容。
您应该删除css和html语法；它有一些明显的问题，不能帮助你解决它。例如和（但是你最大的问题似乎是
width=
而不是
width:
<meta name="viewport" content="width=device-width, initial-scale=1">