2011-02-15 25 views
19

खो देता है मेरे पास एक मूल div है जिसे मुख्य कहा जाता है। इसमें बाल divs का एक गुच्छा है, जो मैंने बाएं या दाएं फ्लोट किया।जब बच्चे divs तैरते हैं, पैरेंट divs ऑटो-ऊंचाई

जब मैंने आखिरी बार तैरना समाप्त कर दिया, तो मुख्य div की ऊंचाई पूरी तरह से गायब हो गई, मेरे पृष्ठ के लेआउट को फेंक दिया। मैंने इसे ऊंचाई दी: 100%; अभी के लिए, लेकिन यह ज्यादातर संकल्पों पर काफी लंबा होगा। मैं इसे तरल ऊंचाई पर कैसे रख सकता हूं, केवल तत्वों को रखने के लिए जितना आवश्यक हो?

+0

क्या आप अपना कोड दिखा सकते हैं? –

उत्तर

33

अपनी फ्लोट्स रखें।

मुख्य जोड़ें overflow:hidden; नामक div पर। इसमें यह होना चाहिए।

+4

इस स्थिति को संभालने के लिए अतिप्रवाह का उपयोग करने के बारे में यहां एक बहुत अच्छा ट्यूटोरियल है: http://www.webdesignerwall.com/tutorials/css-clearing-floats-with-overflow/ –

1

क्या आप अपनी फ्लोट्स के लिए सापेक्ष स्थिति का उपयोग कर रहे हैं?

आपको अन्यथा माता-पिता div को "खोलने" में नकली div डालना होगा। जैसे ही सब कुछ तैरता है, आप पैरेंट div में ऊंचाई के लिए सभी आधार खो देंगे। (वहां कुछ भी नहीं है।)

0

"अतिप्रवाह: छुपा;" माता-पिता div में मेरे लिए काम किया।

संबंधित मुद्दे