Html 这个<；ul>；不'；即使是页脚，也不要移到页脚内侧？

列表不会在页脚内移动，即使它位于 标签

我试图寻找另一个有用的网站和一些 在这里的线程，所以，但没有运气

我还试着把浮子放在左边，等等

HTML:

---

您尚未关闭页脚标记

<footer>
     <!-- <h5>CAD | Tech Website&copy;</h5> -->
     <ul class="f-li">
      <li><a href="index.html" class="current">Home</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="contact.php">Contact</a></li>
      <li><a href="about.html">About us</a></li>
     </ul>
</footer>

关闭页脚而不是节时，效果良好

页脚{
背景：#444；
}
/*第一节*/
.f-sec1 h5{
颜色：#FFFFFF；
}
秒{
字体：22px Arial，Helvetica；
}
秒{
字体：9px，Arial，Helvetica；
}
李菲{
列表样式类型：无；
}
李菲{
颜色：#000000；
浮动：对；
}
.f-li.电流{
颜色：#A9A9；
文字装饰：下划线；
}

我添加了clearfix，它成功了：

<footer class="clearfix">
  <!-- <section class="f-sec1"> -->
  <!-- <h5>CAD | Tech Website&copy;</h5> -->
  <ul class="f-li">
    <li><a href="index.html" class="current">Home</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="contact.php">Contact</a></li>
    <li><a href="about.html">About us</a></li>
  </ul>
</footer>

它有页脚的结束标记（忘记包含在线程中），但仍然是这样。它有页脚的结束标记（忘记包含在线程中）。

<footer>
     <!-- <h5>CAD | Tech Website&copy;</h5> -->
     <ul class="f-li">
      <li><a href="index.html" class="current">Home</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="contact.php">Contact</a></li>
      <li><a href="about.html">About us</a></li>
     </ul>
</footer>

<footer class="clearfix">
  <!-- <section class="f-sec1"> -->
  <!-- <h5>CAD | Tech Website&copy;</h5> -->
  <ul class="f-li">
    <li><a href="index.html" class="current">Home</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="contact.php">Contact</a></li>
    <li><a href="about.html">About us</a></li>
  </ul>
</footer>