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

Question

मुझे div देखने के लिए हुआ जिसमें शैली clear:both थी! style में clear का उपयोग क्या है?

<div style="clear:both"> 

Answer 1

clear:both तत्व में किसी भी फ़्लोट किए गए तत्वों के नीचे तत्व ड्रॉप करता है जो दस्तावेज़ में इससे पहले होता है।

आप clear:left या clear:right का उपयोग भी कर सकते हैं ताकि इसे केवल उन तत्वों के नीचे छोड़ दिया जा सके जो बाएं या दाएं चल रहे हैं।

+------------+ +--------------------+ 
|   | |     | 
| float:left | | without clear | 
|   | |     | 
|   | +--------------------+ 
|   | +--------------------+ 
|   | |     | 
|   | | with clear:right | 
|   | | (no effect here, | 
|   | | as there is no | 
|   | | float:right  | 
|   | | element)   | 
|   | |     | 
|   | +--------------------+ 
|   | 
+------------+ 
+---------------------+ 
|      | 
| with clear:left | 
| or clear:both | 
|      | 
+---------------------+ 

Answer 2

बस RichieHindle के जवाब में जोड़ने के लिए, Floatutorial की जाँच, जो कैसे सीएसएस फ्लोटिंग और काम करता है समाशोधन ले जाती है।

Answer 3

जब आप चौड़ाई के बिना फ्लोट का उपयोग करते हैं, तो उस पंक्ति में कुछ जगह बनी हुई है। इस स्थान को अवरुद्ध करने के लिए आप अगले तत्व में clear:both; का उपयोग कर सकते हैं। योजनाबद्ध उत्तर के लिए