Html 设置a“的相同宽度；位置：固定”；作为父div的div（flexbox项）

怎么可能Ｉ 使NavWrapper的宽度与父级相同

我希望这些链接在一个固定的位置，即使主要部分溢出

我知道如何在没有Flex的情况下做到这一点。有没有什么纯CSS的方法可以做到这一点

正文{
填充：0；
保证金：0
}
.包装纸{
显示器：flex；
}
导航{
flex:115px；
背景：灰色；
}
.导航包装器{
宽度：100%；
位置：固定；
顶部：0；左侧：0；
显示器：flex；
弯曲方向：立柱；
}
.导航包装器a{
弹性：1；
边框：1px纯红；
}
部分{
柔性：51500px；
填充：20px；
}

洛勒姆

您不需要固定的

位置-您可以在查看下面的示例后了解我为什么这么说：

移除固定的
定位，并将
高度：100vh
添加到
导航
：

nav {
  flex: 1 1 150px;
  background: gray;
  height: 100vh;
}

现在将节上的内容包装到一个
内部
div中，该div的位置为
绝对
，如下所示：

section {
  flex: 5 1 500px;
  padding: 20px;
  position: relative;
  overflow-y: auto;
}
.inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

这将允许
部分保持
导航包装的
100vh
，额外高度将溢出


正文{
填充：0；
保证金：0
}
.包装纸{
显示器：flex；
}
导航{
flex:115px；
背景：灰色；
高度：100vh；
}
.导航包装器{
宽度：100%；
显示器：flex；
弯曲方向：立柱；
}
.导航包装器a{
弹性：1；
边框：1px纯红；
}
部分{
柔性：51500px；
填充：20px；
位置：相对位置；
溢出y：自动；
}
.内部{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

洛勒姆

Lorem ipsum dolor sit amet，奉献精英。作为一个分子，自由发明家的诺贝尔奖和真实奖，生命劳动奖，全方位的和平奖。驱虫剂是一种有毒物质
阿斯佩里奥雷斯。在这一点上，我们需要一个明确的解释，即面部透明术（perspiciatis facilis perferendis）。
洛勒姆

Lorem ipsum dolor sit amet，奉献精英。作为一个分子，自由发明家的诺贝尔奖和真实奖，生命劳动奖，全方位的和平奖。驱虫剂是一种有毒物质
阿斯佩里奥雷斯。在这一点上，我们需要一个明确的解释，即面部透明术（perspiciatis facilis perferendis）。
洛勒姆

Lorem ipsum dolor sit amet，奉献精英。作为一个分子，自由发明家的诺贝尔奖和真实奖，生命劳动奖，全方位的和平奖。驱虫剂是一种有毒物质
阿斯佩里奥雷斯。在这一点上，我们需要一个明确的解释，即面部透明术（perspiciatis facilis perferendis）。
你好，库库兹，谢谢你的帮助。但有一个问题是，当窗口变小时，会出现两个滚动条。我实际上想做的是使用flex.two滚动条实现类似于此站点的布局，因为导航溢出。。。通过为
nav
指定
overflow:auto
，将其删除。我想，“剑术”为nav指定了
overflow:hidden
。。。我想你的问题已经得到了回答？非常感谢。这真的很有帮助。我将把这作为答案。