绝对位置按钮（及其所在的中心模式）

Question

我不知道如何在此模式下使按钮表现出所需的效果。我需要从模态底部开始20px（当然也要居中）。

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

我将在评论中输入网址。

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

Answer 1

除去包裹<div>的外部<button>，然后将以下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;
}