html - 最适合用于 "clear: both;"目的的 HTML5 元素是什么？

Question

我有:

<section>
    <ul>
        <li>....</li>
        <li>....</li>
        <li>....</li>
        ..
    </ul>
</section>

我想要 <li>向左浮动并在这些 <li> 的末尾, 在 </ul> 之后，我需要将一个元素作为 clear: both;为了保持section s block 完整性。

哪个 html5 元素最适合这个目的？我应该去隐形吗 hr ？一个div ？

谢谢。

Answer 1

无，在适当的地方使用溢出:隐藏技巧。

如果这不合适，请使用伪元素。例如，您可以使用...

ul:after { 
    content: "";
    clear: both;
    display: block;
}