我的问题是关于使用 flex 的导航栏样式和布局。
我正在尝试创建一个固定的导航栏，其中指向主页的徽标/链接左对齐，其余链接右对齐。我一直在尝试通过 flex 使用 flex-direction:row 和 row-reverse 的 CSS 样式以及 justify-content: flex-start 和 flex-end 来实现这一点，但收效甚微。
如何使用 flex 实现这种外观？
.header {
display: flex;
width: 100vw;
padding: 0;
margin: 0;
}
.fixednav {
display: flex;
flex-direction: row;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 60px;
background-color: rgba(0, 0, 0, 1);
}
.leftnav {
position: absolute;
flex-direction: row;
justify-content: flex-start;
}
.rightnav {
position: absolute;
justify-content: flex-end;
flex-direction: row-reverse;
}<div class="header">
<header>
<div class="navcontainer">
<nav class="fixednav"> …