添加虚线边框时CSS填充底部不起作用

Question

我研究了这个，我无法理解为什么我的填充不适用于这个div。我不会将虚线边框均匀地分布在图像周围。 （见下文）。这是我的CSS：

#jspsych-tree-stim-bottom-left, #jspsych-tree-stim-bottom-right {
    position: relative;
    display: inline-block;
    margin-top: 30px;
  margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 15px;
    width: 200px;
    height: 200px;
    border-width: 4px;
    border-style:dashed;
    border-color: rgba(0,0,0,0);
    padding: 20px;
    background-repeat: no-repeat;
    vertical-align: top;
    background-position: center bottom;
}

边界问题示例：

Answer 1

在我自己进一步研究之后，我确信自己是bottom

background-position: center bottom;

将图像拉到其容器的底部。如果您希望边距和填充在那里工作，请取出bottom

background-position: center;