सीएसएस में "स्पष्ट:दोनों" की भूमिका को समझना

जब एक वेब पेज में ऐसे तत्व होते हैं जो बाएं या दाएं तैरते हैं, तो यह हो सकता है बाद के तत्वों को उनके चारों ओर प्रवाहित करने का कारण बनता है। इसे रोकने के लिए, सीएसएस "स्पष्ट" संपत्ति प्रदान करता है, जिसे एक विशिष्ट पक्ष (बाएं, दाएं) या "दोनों" पर सेट किया जा सकता है।

"स्पष्ट:दोनों" का उपयोग क्या है ?

"clear:both" तत्व को बाएँ और दाएँ फ़्लोट किए गए किसी भी पूर्ववर्ती तत्व से नीचे जाने का निर्देश देता है। यह इसे किसी भी मार्जिन या पैडिंग को साफ़ करते हुए एक नई लाइन पर शुरू करने की अनुमति देता है जो अन्यथा फ़्लोट किए गए तत्वों के चारों ओर लपेट सकता है।

"क्लियर:दोनों" कैसे काम करता है?

सामान्य दस्तावेज़ प्रवाह में, तत्वों को लंबवत रूप से व्यवस्थित किया जाता है, और उनके चारों ओर सामग्री प्रवाहित होती है। हालाँकि, जब कोई तत्व तैरता है, तो वह बाएँ या दाएँ स्थानांतरित हो जाता है, जिससे अन्य सामग्री उसके नीचे प्रवाहित हो सकती है। "स्पष्ट:दोनों" वर्तमान तत्व को दोनों तरफ पहले से फ़्लोट किए गए किसी भी तत्व के नीचे शुरू करने के लिए कहता है।

उदाहरण उपयोग

निम्नलिखित HTML कोड पर विचार करें:

इस उदाहरण में, "लेफ्ट फ्लोट" div को बाईं ओर फ़्लोट किया गया है, जिससे "यह एक पैराग्राफ है" इसके चारों ओर लपेटने के लिए पाठ। "दोनों साफ़ करें" डिव का उपयोग बाएँ और दाएँ दोनों पक्षों को साफ़ करने के लिए किया जाता है, जिससे "यह एक नया पैराग्राफ़ है" टेक्स्ट इसके नीचे एक नई पंक्ति में दिखाई देता है।
निष्कर्ष 
किसी तत्व पर "स्पष्ट:दोनों" सेट करके, आप यह सुनिश्चित कर सकते हैं कि यह एक सुसंगत और नियंत्रित लेआउट सुनिश्चित करते हुए, पहले से फ़्लोट किए गए किसी भी तत्व के नीचे एक नई लाइन पर शुरू होता है।