绝对位置按钮（使其所在的模态居中）

Question

我不知道如何让这个模式中的按钮表现得像我想要的那样。我需要它距离模态底部 20 像素（当然要居中）。

模态本身似乎也没有居中。请帮我也这样做。

我会把网址放在 cmets 中。

只需点击网站顶部的“与您的赞助商会面”按钮，即可打开模式。

Answer 1

删除包裹<button> 的外部<div> 并将以下css 添加到您的按钮类，即.md-content button。

position: absolute;
left: 0; (instead of left: 109.2px; used by you)
right: 0;

整个班级是这样的：

.md-content button {
    background: rgba(0,0,0,0.5);
    color: #fff;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease 0s;
    text-align: center;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
}