CSS overflow 设置滚动无效

<style>
.fixed {
  position: fiexd;
}

.overflow-auto {
  overflow: auto;
}
</style>
<div class="fixed overflow-auto">
  <div class="item">内容</div>
  <div class="item">内容</div>
</div>

想要实现父节点 div 因子节点内容超出而滚动的效果，需要注意以下两点：

1️⃣ 竖向滚动：父节点需要设置一个高度：

<style>
.height-100vh {
  height: 100vh;
}
</style>
<div class="fixed overflow-auto height-100vh"></div>

2️⃣横向滚动：保证子元素没有换行，即子元素的内容强行被压缩就有换行：

<style>
.nowrap {
  white-space: nowrap;
}
</style>
<div class="fixed overflow-auto height-100vh nowrap"></div>