फ्लोट: बाएं ब्रेक कंटेनर div?

Question

मेरे पास एक मॉडल बॉक्स है जहां मैं एक दूसरे के बगल में दो कॉलम डालने की कोशिश कर रहा हूं, और मैंने फ्लोट को असाइन करके ऐसा किया: एक div (.center-columnb) और एक फ्लोट से बाएं: दाएं-कॉलम का दायां। क्या होता है, हालांकि यह है कि 'सेंटर-कॉलमब' ग्रे ग्रेडिएंट पृष्ठभूमि के साथ कंटेनर div को तोड़ता है जैसे कि यह div कंटेनर div के नीचे रखा गया था (ग्रे भाग के नीचे गोलाकार किनारों को नोटिस करें, जिसका मतलब था div के नीचे जब मैं फ्लोट को हटाता हूं: style.css से centercolumnb से छोड़ा जाता है, तो सबकुछ ठीक है सिवाय इसके कि दाएं कॉलम अब और नहीं रहता है। क्या किसी के पास कोई विकल्प है जो मेरी मदद कर सकता है? धन्यवाद :)

Answer 1

आपके पास #contentholder का मूल div है लेकिन इसमें इस बिंदु पर इसके भीतर फ्लोट नहीं है। एक फ्लोटेड तत्व, डिफ़ॉल्ट रूप से, दस्तावेज़ प्रवाह से बाहर निकाला जाता है और कोई भी मूल div पतन हो जाएगा। इसे अंदर तैरने के लिए, आपको इसे एक अतिप्रवाह संपत्ति देने की आवश्यकता है। यह चाल चलाना चाहिए:

#contentholder { 
    overflow: auto; 
} 

Answer 2

प्रश्न कंटेनर के नीचे एक और तरीका साफ़ करना है। एक पूर्ण क्रॉस ब्राउज़र अनुपालन समाधान के लिए, बस समापन div से पहले जोड़ें:

<div style="clear:both"></div>