"स्पष्ट: दोनों;" के लिए उपयोग किए जाने वाले सबसे उपयुक्त HTML5 तत्व क्या हैं प्रयोजनों?

Question

मेरे पास है:

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

मैं <li> चल छोड़ा जा सकता है और इन <li> के के अंत में, सही </ul> के बाद चाहते हैं, मैं आदेश section रों ब्लॉक अखंडता रखने के लिए clear: both; के रूप में एक तत्व डाल करने की आवश्यकता है ।

कौन सा एचटीएमएल 5 तत्व इस उद्देश्य के लिए सबसे उपयुक्त होगा? क्या मुझे अदृश्य hr के लिए जाना चाहिए? एक div?

धन्यवाद।

Answer 1

कोई नहीं, उपयुक्त जहां overflow: hidden चाल का उपयोग करें।

यदि यह उपयुक्त नहीं है, तो एक छद्म तत्व का उपयोग करें। उदाहरण के लिए, आप इसका उपयोग कर सकते हैं ...

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

Answer 2

आप इसके लिए .clearfix विधि का उपयोग कर सकते हैं। इस तरह लिखें:

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