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

时间:2018-12-29 14:21:15

标签: css

我正在使用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结合使用是否有效?

1 个答案:

答案 0 :(得分:0)

  

可以了

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

相关问题