废话少说，先看一下要解决的问题及处理效果
原理及知识点如下：
在 CSS 中，overflow: overlay 属性用于控制容器元素的溢出内容的显示方式。它的作用是在内容溢出容器时，显示滚动条，并且滚动条浮在内容之上，不会占用容器的空间。
具体来说，当容器的内容超出容器的尺寸时，通常会出现滚动条来允许用户滚动查看内容。而 overflow: overlay 属性的特殊之处在于，它会创建一个滚动条，但是这个滚动条会覆盖在内容之上，而不是改变容器的尺寸。
这种行为与 overflow: auto 或 overflow: scroll 属性有所不同。使用 overflow: auto 或 overflow: scroll，滚动条会占用容器的空间，可能导致内容被压缩或遮挡。而 overflow: overlay 则会在内容上方显示一个浮动的滚动条，不会改变容器的尺寸或布局。
需要注意的是，overflow: overlay 属性在某些浏览器中可能不被完全支持，特别是在移动设备上。因此，在使用时需要进行兼容性测试和考虑备用方案。
