Html Can'；t将图标导航移到Div的右侧

我试图在div的左侧有一个logo，在div的右侧有一个nav，但我似乎无法让nav移到右侧

.full{
背景色：黑色；
颜色：白色；
宽度：300px；
高度：400px；
边界半径：20px；
过渡：1s轻松；
}
.自动填充{
填充：10px；
}
.顶杆{
溢出：隐藏；
宽度：100%；
高度：50px；
背景色：#131218；
边框左上半径：20px；
边框右上角半径：20px；
显示器：flex；
对齐项目：居中；
}
.身体{
显示：块；
宽度：100%；
高度：330px；
背景颜色：蓝色；
边框左下半径：20px；
边框右下半径：20px；
}
img{
高度：50px；
填充物：5px；
边界半径：200px；
浮动：左；
改变：转变；
动画：logofloat 1s轻松输入输出无限交替；
}
@关键帧标记浮动{
从{
变换：translateY（5px）；
}
到{
转换：translateY（15px）；
}
}
a{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
位置：相对位置；
对齐项目：居中；
浮动：左；
显示：块；
右边距：10px；
背景色：#25242B；
文本对齐：居中；
文字装饰：无；
边界半径：5px；
}
我{
填充物：5px；
颜色：#4D4A58；
}
a:悬停：未（.active）{
背景颜色：灰色；
}
a:没有（.active）{
颜色：白色；
}
.主动{
背景图像：线性渐变（向右，#5433FF，#20BDFF，#6FB1FC）；
}

---

添加此

调整内容：间距打开
.topbar

.topbar {
  overflow: hidden;
  width: 100%;
  height: 50px;
  background-color: #131218;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

添加此
调整内容：之间的空格打开
.topbar

.topbar {
  overflow: hidden;
  width: 100%;
  height: 50px;
  background-color: #131218;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

添加
调整内容：之间的空格至
。顶栏
：


.full{
背景色：黑色；
颜色：白色；
宽度：300px；
高度：400px；
边界半径：20px；
过渡：1s轻松；
}
.自动填充{
填充：10px；
}
.顶杆{
溢出：隐藏；
宽度：100%；
高度：50px；
背景色：#131218；
边框左上半径：20px；
边框右上角半径：20px；
显示器：flex；
对齐项目：居中；
对齐内容：此处；/*之间的空格*/
}
.身体{
显示：块；
宽度：100%；
高度：330px；
背景颜色：蓝色；
边框左下半径：20px；
边框右下半径：20px；
}
img{
高度：50px；
填充物：5px；
边界半径：200px；
浮动：左；
改变：转变；
动画：logofloat 1s轻松输入输出无限交替；
}
@关键帧标记浮动{
从{
变换：translateY（5px）；
}
到{
转换：translateY（15px）；
}
}
a{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
位置：相对位置；
对齐项目：居中；
浮动：左；
显示：块；
右边距：10px；
背景色：#25242B；
文本对齐：居中；
文字装饰：无；
边界半径：5px；
}
我{
填充物：5px；
颜色：#4D4A58；
}
a:悬停：未（.active）{
背景颜色：灰色；
}
a:没有（.active）{
颜色：白色；
}
.主动{
背景图像：线性渐变（向右，#5433FF，#20BDFF，#6FB1FC）；
}
添加
调整内容：之间的空格至
。顶栏
：


.full{
背景色：黑色；
颜色：白色；
宽度：300px；
高度：400px；
边界半径：20px；
过渡：1s轻松；
}
.自动填充{
填充：10px；
}
.顶杆{
溢出：隐藏；
宽度：100%；
高度：50px；
背景色：#131218；
边框左上半径：20px；
边框右上角半径：20px；
显示器：flex；
对齐项目：居中；
对齐内容：此处；/*之间的空格*/
}
.身体{
显示：块；
宽度：100%；
高度：330px；
背景颜色：蓝色；
边框左下半径：20px；
边框右下半径：20px；
}
img{
高度：50px；
填充物：5px；
边界半径：200px；
浮动：左；
改变：转变；
动画：logofloat 1s轻松输入输出无限交替；
}
@关键帧标记浮动{
从{
变换：translateY（5px）；
}
到{
转换：translateY（15px）；
}
}
a{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
位置：相对位置；
对齐项目：居中；
浮动：左；
显示：块；
右边距：10px；
背景色：#25242B；
文本对齐：居中；
文字装饰：无；
边界半径：5px；
}
我{
填充物：5px；
颜色：#4D4A58；
}
a:悬停：未（.active）{
背景颜色：灰色；
}
a:没有（.active）{
颜色：白色；
}
.主动{
背景图像：线性渐变（向右，#5433FF，#20BDFF，#6FB1FC）；
}