2011-12-15 14 views
5

के साथ काम नहीं करता है। मुझे उम्मीद थी कि कोई मेरी साइट पर नज़र डालें और मुझे बताए कि यहां क्या हो रहा है। मेरी समस्या यह है कि #bodyWrap div स्वचालित रूप से अपने बच्चों में से किसी एक की ऊंचाई तक नहीं पहुंच रहा है, #contentWrap। #contentWrap उस पृष्ठ पर सभी सामग्री को भरने के लिए ठीक फैलाता है, लेकिन यह माता-पिता, #bodyWrap पर बबल नहीं होता है। किसी भी दृष्टिकोण के लिए अग्रिम धन्यवाद।सीएसएस ऊंचाई: ऑटो मेरे रैपर div

http://www.jacobsmits.com/placeholderRX/index.html

उत्तर

19

आप अपने समापन कंटेनर से पहले एक स्पष्ट div जोड़ना होगा:

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

फ्लोटिंग आइटम कंटेनर की ऊंचाई को प्रभावित नहीं करेगा ... coz यह अस्थायी है,)।

कार्य लाइव उदाहरण: http://jsfiddle.net/LBH5h/

उदाहरण:

<div id="content"> 
    <!-- floating child --> <div style="float:left;"><!-- floating child content --></div> 

    <div style="clear:both;"></div> 
</div> 
+0

धन्यवाद! मैं हमेशा एक "स्पष्ट" वर्ग का उपयोग करता हूं जब मुझे पता है कि मैं तत्वों को तैरने वाला हूं लेकिन जब मैं प्रयोग कर रहा था तब मुझे याद आया और इस देर हाहा को समस्या नहीं दिखाई दे रही थी। क्या फ्लोटिंग तत्व प्राप्त करने का कोई तरीका है, जैसे कि नेविप्रैप, हालांकि पृष्ठ के नीचे तक फैल गया है? मेरा मतलब यह देखने के लिए साइट को दोबारा जांचें। – Throttlehead

+0

मैं सामग्री के लिए navWrap ऊंचाई सेट करने के लिए जावास्क्रिप्ट का उपयोग कर अंततः समाप्त हो रहा हूँ। पूर्ण स्थान वाले डिव और जेड-इंडेक्स के साथ कुश्ती से ज्यादा आसान है। – Throttlehead

+0

समय प्राप्त करना और इसे अभी देखना मुश्किल है .. समय सीमा पर काम करना। लेकिन नेविप्रैप छवि को अपनी टाइलिंग सामग्री पृष्ठभूमि में शामिल करना एक आसान तरीका है। ;) अन्यथा मुझे लगता है कि आपको एचटीएमएल संरचना बदलनी होगी और सीएसएस डिस्प्ले के साथ खेलना होगा: टेबल विकल्प। या jQuery के साथ सामग्री की ऊंचाई पढ़ें ... और नेविप्रैप को समान रूप से सेट करें..तुम एनीमेशन में भी पॉप कर सकते हो;) चीयर्स दोस्त –

4

अगर कुछ आम तौर पर नहीं ऑटो मेरे लिए ऊंचाई को समायोजित करेगा तो मैं इन चरणों के साथ समस्याओं का निवारण होगा।

  1. कुछ करने के लिए ऊंचाई सेट हास्यास्पद (1000 पिक्सेल)
  2. हैं कि एक फर्क तो जाँच सब तैरता
  3. जोड़े बनाने के लिए एक स्पष्ट: दोनों; बयान।
  4. यदि यह अभी भी काम नहीं कर रहा है, तो अपने सभी divs में अलग-अलग सीमा रंग जोड़ें। यह आपको यह देखने में मदद कर सकता है कि ऊंचाई को सही तरीके से सेट करने और वेबसाइट को गड़बड़ करने के लिए क्या करना है।
+0

आज भी मेरे साथ ऐसा ही हुआ, ऐसा इसलिए था क्योंकि रैपर में 'प्रदर्शन: पूर्ण' था, मैंने इसे 'रिश्तेदार' में बदल दिया और यह काम किया। – Vadorequest

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