2010-07-10 15 views
8

के बाहर है यह एक समस्या है जो साइडबार के साथ लेआउट बनाने का प्रयास करते समय कई बार होती है।div ए के अंदर साफ़ करें div B की फ्लोट को साफ़ कर रहा है, जो div A

मैं यहाँ एक उदाहरण बना दिया: http://samutz.com/div.html

#content सामान है अंदर यह है कि फ्लोट करने के लिए की जरूरत है और उसके बाद ही #content भीतर स्पष्ट। लेकिन जब मैं # सामग्री के अंदर साफ़ करने की कोशिश करता हूं, तो # साइडबार के बाहर # साइडबार होने के बावजूद, यह # साइडबार की फ्लोट भी साफ़ करता है।

+0

क्या ब्राउज़र? यह ओपेरा में मेरे लिए अच्छा लग रहा है .. –

+0

क्या आपने अभी तक जवाबों का प्रयास किया है? –

उत्तर

5

विकल्प A:

  1. स्पष्ट निकालें: दोनों #cleared से
  2. लपेटें एक और div अंदर #floating, नए div overflow:hidden; zoom:1;

देना इस #content पाठ को खराब करता है, तो , इस नए div के अंदर पाठ डालें:

http://medero.org/clear2.html

अतिप्रवाह तकनीक के लिए

स्पष्टीकरण: http://work.arounds.org/clearing-floats/

विकल्प बी:

तुम भी बिल्कुल साइडबार स्थित कर सकते हैं, लेकिन आप न्यूनतम-ऊंचाइयों के साथ गड़बड़ करने के लिए हो सकता है अगर यह लंबे समय से हो जाता है।

अतिरिक्त:

आप अपने मुख्य आवरण के साथ साइडबार को रोकने के लिए की जरूरत है:

http://medero.org/clear3.html

+0

धन्यवाद, मैं विकल्प ए – Samutz

+0

के साथ जा रहा हूं क्या यह अभी भी सच है? मैंने इस समस्या को पार किया है और मुझे यकीन था कि मैंने इसे अतीत में एक अलग तरीके से हल किया था; लेकिन यह थोड़ी देर हो गया है और यह एकमात्र चीज है जिसे मैं अभी काम कर सकता हूं। – Nicole

+0

टूटी हुई लिंक, कृपया ठीक करें – Vamsi