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

Question

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

<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    |
|                     |
+---------------------+

Comments

साथ ही यह माता-पिता को ऊंचाई से फिट करने के लिए बनाता है।

— ओलेग

@ जेसन, जिस बग का आप जिक्र कर रहे हैं वह केवल विंडोज एक्सपी पर इंटरनेट एक्सप्लोरर 6 के लिए लागू है। यह एक अच्छी बात है कि हमें इन दिनों अधिकांश समय इसका समर्थन करने की आवश्यकता नहीं है।

— येवगेनी अफानसेयेव

@YevgeniyAfanasyev, हाँ, यह सच है। मेरी टिप्पणी 2009 से है जब यह लागू था।

— जेसन

Answer 2

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

Comments

15 फरवरी 2016 को, मैं फ़्लोटप्रूफ के लिए सर्वर से कनेक्ट करने में असमर्थ था (कनेक्शन पोर्ट 80 पर मना कर दिया गया था)।

— DLU

Answer 3

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