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

Question

我有：

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

我希望<li>向左浮动，在<li>的末尾，在</ul>之后，我需要将一个元素作为clear: both;放入为了保持section块的完整性。

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

谢谢。

Answer 1

无，请在适当的时候使用overflow: hidden技巧。

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

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

Answer 2

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

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