这件事快把我逼疯了，我解不开。我正在做一个类似Netflix的页面作为练习，在页脚，包含语言的选择元素被固定，不会移动到任何地方。这是我的代码：

footer div #selectft {
  position: relative;
  display: block;
  padding: 12px 26px;
  background: transparent;
  color: #999;
  border: 1px solid #333;
  margin: 25px 0;
  column-gap: 50px;
  border-left: 140px;
}

footer p,
div nav {
  margin-left: 140px;
  display: inline-grid;
  column-gap: 50px;
  width: 15%;
  justify-items: start;
}

footer a {
  color: #737373;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

footer p {
  margin-bottom: 25px;
}

footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer nav ul li {
  margin-bottom: 16px;
  font-size: 13px;
}

footer .bottom-text {
  color: #737373;
}

<footer>
  <p>Questions? Contact us.</p>
  <div>

    <nav>
      <ul>
        <li><a href="">FAQ</a></li>
        <li><a href="">Account</a></li>
        <li><a href="">Privacy</a></li>
        <li><a href="">Speed Test</a></li>
      </ul>
    </nav>

    <select id="selectft">
      <option value="english">English</option>
      <option value="serbian">Serbian</option>
    </select>

    <p>Netflix Montenegro</p>
  </div>
</footer>

一个注意：有四个<nav>元素在页脚，我只是删除了其中3个，所以我不垃圾后不必要的代码：）谢谢
我期望元素在导航元素下对齐，但它看起来像是固定在左边缘，不会移动。我已经尝试了CSS中每一个可能的标签的不同变体，但没有任何帮助