Qual è l'elemento HTML5 più adatto da utilizzare per "clear: both;" scopi?

Question

ho:

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

voglio il <li> fluttuare sinistra e alla fine di questi <li>, subito dopo la </ul>, ho bisogno di mettere un elemento come clear: both; per mantenere section s integrità del blocco .

Quale elemento html5 sarebbe più adatto a questo scopo? Devo cercare un invisibile hr? a div?

Grazie.

Answer 1

Nessuno, utilizzare il trucco overflow: hidden dove appropriato.

Se ciò non è appropriato, utilizzare uno pseudo elemento. Ad esempio, è possibile utilizzare ...

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

Answer 2

È possibile utilizzare il metodo .clearfix per questo. Scrivi come segue:

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