什么是最合适的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;
}