移动端宽度下页面内容溢出高度，超出前置overlay覆盖层且未默认滚动

• 调整半透明绿色overlay的高度与定位：将其设置为position: fixed，并通过top: 0; left: 0; right: 0; bottom: 0;让它完全覆盖视口，替代固定高度值，确保在移动端也能铺满屏幕。
• 给内容容器添加滚动属性：为内容容器设置max-height: 100vh和overflow-y: auto，当内容高度超过视口时自动触发垂直滚动。
• 排查父容器的溢出设置：检查是否有父级元素设置了overflow: hidden，若有则移除该属性，避免滚动被强制禁用。

示例修复代码：

/* 半透明overlay样式修复 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 128, 0, 0.5);
}

/* 内容容器滚动设置 */
.todo-content {
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box; /* 避免内边距撑大容器 */
  padding: 16px;
}

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