底边距不适用于相对位置div

Question

我正在使用W3Schools的this脚本。

根据我的需要做了一些小的修改。

我在 .overlay 类中添加了 overflow-y：auto; ，因为我的内容更长，并且原始示例只有几行，并且滚动条即将到来方便。

我在 position：fixed 到 position：absolute 的两个 .overlay .closebtn 类中都进行了切换，因为就像我说的那样，内容很长和关闭按钮必须在滚动时出现，而不能仅固定在顶部。

问题出在 .overlay-content 被指定为顶部：25％，如果我尝试添加底部：25％，则不是工作。如果我同时删除top和bottom并使用margin-top和magin-bottom可以正常工作，那是否有效？将margin与position：relative结合使用是否有效？

Answer 1

  

可以了

.overlay-content{ z-index: 999; }