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

Question

我有：

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

我希望s<li>向左浮动，在这些 s 的末尾<li>，就在 s 之后</ul>，我需要放置一个元素 asclear: both;以保持sections 块的完整性。

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

谢谢你。

Answer 1

无，在适当的地方使用overflow: hidden技巧。

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

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

Answer 2

您可以为此使用.clearfix方法。像这样写：

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