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

Question

我：

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

我想<li>是浮动的左边，并在这些<li>末，该</ul>之后，我需要把一个元素clear: both;以保持section拦网完整性。

哪个html5元素最适合此目的？ 我应该去看看hr吗？ a div？

谢谢。

Answer 1

无，在适当情况下使用overflow: hidden技巧。

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

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

Answer 2

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

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