] यह तब उत्पन्न हो सकता है जब तत्वों को 'फ्लोट' संपत्ति का उपयोग करके दस्तावेज़ के सामान्य प्रवाह से हटा दिया जाता है, जिससे मूल तत्व आयाम और पृष्ठभूमि रंगों के साथ मुद्दों के लिए अग्रणी होता है। हम प्रत्येक div को एक पृष्ठभूमि रंग प्रदान करते हैं: माता -पिता के लिए लाल और फ्लोटिंग तत्वों के लिए हरे और पीले रंग का।

सामग्री { चौड़ाई: 960px; ऊंचाई: ऑटो; मार्जिन: 0 ऑटो; पृष्ठभूमि: लाल; स्पष्ट: दोनों; } ।बाएं { नाव छोड़ी; ऊंचाई: 300px; पृष्ठभूमि: हरा; } ।सही { सही नाव; पृष्ठभूमि: पीला; … इसके बजाय, माता -पिता का गोताखोरी गिर जाती है। इसके परिणामस्वरूप लाल पृष्ठभूमि को अस्पष्ट किया जा रहा है। डिजाइन द्वारा, उन्हें सामान्य दस्तावेज़ प्रवाह से हटा दिया जाता है, अनिवार्य रूप से माता -पिता की सीमाओं के बाहर तैनात हो जाता है। नतीजतन, माता -पिता के पास अपने आयामों को निर्धारित करने का कोई साधन नहीं है, जिससे पतन हो जाता है। यह मूल तत्व में 'ओवरफ्लो' संपत्ति जोड़कर प्राप्त किया जा सकता है। 'अतिप्रवाह' के लिए अनुमेय मानों में 'छिपे हुए' और 'ऑटो' शामिल हैं:

। सामग्री { ओवर फलो हिडेन; // या अतिप्रवाह: ऑटो; } हमारे उदाहरण में 'सामग्री' div के लिए या तो मान लागू करना, पतन करने वाले मुद्दे को ठीक कर देगा, जिससे माता -पिता को उसके सामग्री के आकार के अनुसार विस्तार करने की अनुमति मिलती है, पूरे लाल पृष्ठभूमि को उजागर करना।

सामग्री {। ओवर फलो हिडेन; ... }

यह सुनिश्चित करता है कि माता -पिता के आयामों को फ्लोटिंग तत्वों के बावजूद संरक्षित किया गया है, प्रभावी रूप से समस्या को हल करना।