如何清除<ul> </ul> </li>中的最后一个<li>标签

Question

我知道这是非常基本的，但它给了我挂机。我有一个基本清单：

<ul>
    <li><a href="#">Insert Link Here</a></li>
    <li><a href="#">Insert Link Here</a></li>
    <li><a href="#">Insert Link Here</a></li>
</ul>

我需要做些什么才能确保清除最后一个<li>项目？我试过添加style =“clear：both”到最后但没有用。另外，我在结束<li>标记之前的最后一个</ul>标记之后添加了一个'div'，但是我知道它不会验证。

Answer 1

如果你想让一个只有浮动项目的块项目背后的背景，那么：

ul {
  overflow: auto;
}

Answer 2

鉴于您在最后div ...工作后发现“[添加] <li>”为什么不尝试添加另一个<li>，请为其指定一个类名称，例如clearing和：

li.clearing {display: block; clear: both; }

如果您需要占用很少或没有空间，那么添加height: 0; background-color: transparent; border: 0 none transparent;会阻止其可见，同时仍会导致清除。

如果你可以添加你的用例，几乎可以肯定是一个好处，并解释，因为评论问：你想要什么？ （最近我看了很多巴比伦5后，我惊恐地说道。）