如何添加填充/边距以移动：向上后

Question

我正在尝试将:after 向上移动，以使其更符合它所在元素的顶部。我尝试添加padding-top 和padding-bottom，添加margin-top 和margin-bottom，但这些都不起作用。

#myDiv:after {
  color: #D03540;
  content: " *";
}

有什么想法吗？

Answer 1

只需将绝对位置属性值应用于#myDiv:after，然后使用Top、Bottom、Left 和Right 属性值设置到所需位置。

#myDiv {
   position: relative; /* To curtail overlap */
}

#myDiv:after {
   color: #D03540;
   content: " *";
   position: absolute;
   top: 0;  /* Adjust as needed */
   left: 0; /* Adjust as needed */
   right:0; /* Adjust as needed */
}