"clear : both;"에 가장 적합한 HTML5 요소는 무엇입니까? 목적?

Question

내가 가진 :

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

내가 <li> 바로 </ul> 후, 왼쪽이 <li>의 말에 떠있는 싶어, 나는 section의 블록 무결성을 유지하기 위해 clear: both; 같은 요소를 둘 필요가 .

어떤 html5 요소가이 용도로 가장 적합할까요? 보이지 않는 곳으로 가야합니까 hr? div?

감사합니다.

Answer 1

없음, 적절한 경우 overflow: hidden 트릭을 사용하십시오.

적합하지 않은 경우 의사 요소를 사용하십시오. 예를 들어, 다음을 사용할 수 있습니다.

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

Answer 2

.clearfix 방법을 사용할 수 있습니다. 다음과 같이 작성하십시오 :

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