fixed定位下justify-content失效？导航栏logo与导航元素布局求助

• 给设置了position: fixed的header添加100%宽度，同时通过内边距避免内容贴边，核心是让fixed元素撑满横向空间，这样flex的space-between才能生效
• 直接用flex布局实现logo与导航的左右分布，代码示例如下：

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 24px; /* 自定义内边距，避免内容贴屏幕边缘 */
  box-sizing: border-box; /* 确保内边距不会撑开宽度，超出屏幕 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff; /* 可选，避免下方内容透过导航栏显示 */
}

• 结构上无需额外嵌套冗余div，直接在header内放置logo和导航容器即可：

<header>
  <div class="logo">站点LOGO</div>
  <nav class="nav-links">
    <a href="/home">首页</a>
    <a href="/about">关于</a>
    <a href="/contact">联系</a>
  </nav>
</header>

• 额外注意：给页面body添加padding-top（值等于导航栏的高度），防止页面顶部内容被fixed导航栏遮挡。

内容的提问来源于stack exchange，提问作者Arshen