"temizle: her ikisi" için kullanılacak en uygun HTML5 öğesi nedir? amaçları?

Question

Ben:

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

Ben <li> sağ </ul> sonra, sol ve bu <li> ait sonunda yüzer olmak istiyorum, ben section s blok bütünlüğünü korumak amacıyla clear: both; olarak bir öğe koymak gerekir .

Bu amaçla en çok hangi html5 öğesi uygun olur? Görünmez bir hr için gitmeli miyim? div?

Teşekkür ederiz.

Answer 1

Hiçbiri, uygun olduğunda overflow: hidden numarasını kullanın.

Bu uygun değilse, sahte bir öğe kullanın. Örneğin, kullanabilirsiniz ...

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

Answer 2

Bunun için .clearfix yöntemini kullanabilirsiniz. Bunu şöyle yazın:

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