我正在使用W3Schools的this脚本。
根据我的需要做了一些小的修改。
我在.overlay类中添加了溢出-y：自动；因为我的内容更长，并且原始示例只有几行，所以滚动条变得很方便。
我在两个.overlay .closebtn类中都切换了position：fixed to position：absolute，因为就像我说的那样，内容将很长，并且在滚动时必须显示关闭按钮，而不仅仅是固定在顶部。
问题在于.overlay-content指定为top：25％，如果我尝试添加bottom：25％无法正常工作。如果我同时删除top和bottom并使用margin-top和magin-bottom可以正常工作，那是否有效？结合使用margin和position：relative是有效的吗？
最佳答案
会的.overlay-content{ z-index: 999;}
关于css - 底边距不适用于相对位置div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53970383/