Html 浮动don'；Don’t work使导航可以'；不要横着走

好的，我希望我的导航在我的页面上水平移动

我尝试了浮动和内联块来解决它，但它不起作用

.header{
高度：95vh；
背景尺寸：封面；
背景位置：顶部；
位置：相对位置；
-webkit剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
&__标志盒{
位置：绝对位置；
顶部：4rem；
左：4rem；
z指数：4；
}
&__标志{
高度：35px；
转换：比例（1.5）；
z指数：4；
}
&__文本框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
z指数：5；
}
}
.视频{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
z指数：-1；
对象匹配：覆盖；
}
.梯度{
背景：线性梯度(
90度，
rgba（30,95,156,1）1%，
rgba（16,55,130,0.2637429971988795）100%
);
z指数：2；
最小宽度：100%；
最小高度：100%；
高度：计算（100vh-80px）；
对象匹配：覆盖；
位置：相对位置；
}
.标题链接{
位置：固定；
宽度：100%；
z指数：500；
}
.标题链接李{
颜色：白色；
显示：内联；
浮动：对；
填充：15px；
字体大小：16px；
}
.标题链接a{
颜色：#7575；
-webkit过渡：所有0.2s易用性；
}
.标题链接a:悬停{
颜色：#FF6363！重要；
}
hor nav先生{
位置：固定；
顶部：40px；
右：40px；
宽度：50px；
高度：50px；
z指数：20；
颜色：$白色；
}
保险商实验室{
列表样式类型：无；
颜色：$白色；
}
李{
浮动：左；
}
李阿{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}

家
关于
投资
洞察
技术
演出
教育

寻找可靠的生活收入来源？
我们有解决办法！

只需移除导航包装的宽度（

.hor nav

）。这样，它们将彼此相邻对齐

.header{
高度：95vh；
背景尺寸：封面；
背景位置：顶部；
位置：相对位置；
-webkit剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
&__标志盒{
位置：绝对位置；
顶部：4rem；
左：4rem；
z指数：4；
}
&__标志{
高度：35px；
转换：比例（1.5）；
z指数：4；
}
&__文本框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
z指数：5；
}
}
.视频{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
z指数：-1；
对象匹配：覆盖；
}
.梯度{
背景：线性梯度(
90度，
rgba（30,95,156,1）1%，
rgba（16,55,130,0.2637429971988795）100%
);
z指数：2；
最小宽度：100%；
最小高度：100%；
高度：计算（100vh-80px）；
对象匹配：覆盖；
位置：相对位置；
}
.标题链接{
位置：固定；
宽度：100%；
z指数：500；
}
.标题链接李{
颜色：白色；
显示：内联；
浮动：对；
填充：15px；
字体大小：16px；
}
.标题链接a{
颜色：#7575；
-webkit过渡：所有0.2s易用性；
}
.标题链接a:悬停{
颜色：#FF6363！重要；
}
hor nav先生{
位置：固定；
顶部：40px；
右：40px；
高度：50px；
z指数：20；
颜色：$白色；
}
保险商实验室{
列表样式类型：无；
颜色：$白色；
}
李{
浮动：左；
}
李阿{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}

家
关于
投资
洞察
技术
演出
教育

寻找可靠的生活收入来源？
我们有解决办法！

首先从每个菜单项中删除

。html变成了这样

<div class="hor-nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a> </li>
    <li><a href="#">Invest</a></li>
    <li><a href="#">Insights</a></li>
    <li><a href="#">Technology</a></li>
    <li><a href="#">Performance</a></li>
    <li><a href="#">Education</a></li>
  </ul>
</div>

Suc6.

这里有一个简单的技巧：

.hor-nav > ul {
   display: flex;
}

---

请分享您网站或代码的链接，以便我们能为您提供更好的解决方案。请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。因为它是目前写的，很难准确地说出你在问什么。对不起，它不允许我在没有太多文本的情况下发布我的代码。我只是添加了代码

.hor-nav > ul {
   display: flex;
}