位置固定，但正确的0不起作用

Question

我为ul设置了position: fixed和right: 0，但它仍然位于左侧。

#navbar {
  position: fixed;
  height: 65px;
  width: 100%;
}

#navbar ul {
  height: 65px;
  width: 100%;
  background: red;
  right: 0;
}

#navbar ul li {
  right: 100px;
  display: inline-block;
  padding-left: 105px;
  color: rgb(252, 227, 0);
  font-size: 1.2rem;
}

<div id="navbar">
  <ul>
    <li><a><i class="fas fa-bars"></i>Menu</a></li>
    <li><a><i class="fas fa-shopping-cart"></i>Merchandise</a></li>
    <li><a><i class="fas fa-info-circle"></i>About band</a></li>
    <li><a><i class="fas fa-music"></i>Listen now...</a>
      <ul>
        <li>self titled</li>
        <li>regional at best</li>
        <li>vessel</li>
        <li>blurryface</li>
        <li>trench</li>
      </ul>
    </li>
  </ul>
</div>

Answer 1

您需要选择一个同时包含两个选择器（位置和右侧）的元素。

#navbar ul{
  height: 65px;
  width: 100%;
  background: red;
  right: 0;
  position: fixed;
}