html - 我有一个关于如何使用 css::before 的问题

Question

footer .menu li::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #555;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1px;
}

footer .menu li:last-child::before {
  display: none;
}

<footer>
  <div class="inner">
    <ul class="menu">
      <li><a href="javascript:void(0)" class="green">개인정보처리방침</a></li>
      <li><a href="javascript:void(0)">영상정보처리기기 운영관리 방침</a></li>
      <li><a href="javascript:void(0)">홈페이지 이용약관</a></li>
      <li><a href="javascript:void(0)">위치정보 이용약관</a></li>
      <li><a href="javascript:void(0)">스타벅스 카드 이용약관</a></li>
      <li><a href="javascript:void(0)">윤리경영 핫라인&lt;/a></li>
    </ul>
  </div>
</footer>

结果就这样出来了。但是，我用过::before，所以我认为之前必须有一点。为什么会出现这样的结果？

我认为

标签： htmlcss

Answer 1

它与position: absolute;. 你应该写left: -1px;，因为如果你写right: -1px;，那么你的这个绝对块从右侧开始，不要忘记你也应该使用position: relative;forposition: absolute;