html - 如何让这个列表停留在页面底部？

Question

希望它位于我页面的底部。下面没有空格。我有点困惑，因为使文本停留在底部的普通 CSS 在这里不起作用。

    .footer li{
      display:inline;
    }

    <footer>
    <div class="footer">
    <ul style="float:left;list-style-type:none;">
          <li>Advertising</li>
          <li>Business</li>
          <li>About</li>
       </ul>
    
       <ul style="float:right;list-style-type:none;">
          <li>Privacy</li>
          <li>Terms</li>
          <li>Settings</li>
       </ul>
    </div>
    </footer>

Answer 1

这应该可以做到。使用 position: fixed; 固定页脚，并设置 bottom: 0px; 将其固定到页面底部。

.footer {
  position: fixed;
  bottom: 0px;
  width:90%;
}

.footer li{
  display:inline;
}

 
    <p>Some text here</p>
    <footer>
    <div class="footer">
    <ul style="float:left; list-style-type:none;">
          <li>Advertising</li>
          <li>Business</li>
          <li>About</li>
       </ul>
    
       <ul style="float:right;list-style-type:none;">
          <li>Privacy</li>
          <li>Terms</li>
          <li>Settings</li>
       </ul>
    </div>
    </footer>