什麼是最適合用於「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; 
}