2012-06-19 17 views
6

पर सेट करें, मैं एक div सेट के अंदर 100% ऊंचाई पर एक तत्व रखना चाहता हूं। तत्व (एक उल तत्व) को सापेक्ष सेट किया जाना चाहिए। सूची आइटम पूर्ण सेट हैं लेकिन मूल तत्व के संदर्भ में।एक div के अंदर एक तत्व को 100% ऊंचाई

उदाहरण देखें: http://jsfiddle.net/mbecker/ee78G/2/

कैसे 100% ऊंचाई को हरी उल तत्व स्थापित करने के लिए?

अग्रिम धन्यवाद!

+0

मुझे नहीं लगता कि आप ऊंचाई को 'उल' दे सकते हैं क्योंकि यह ब्लॉक तत्व नहीं है। क्या यह 'उल' है, आप 100% लंबा होना चाहते हैं, या इसके अंदर 'ली' होना चाहते हैं? –

+2

@ जेसेवेबब उल 'एक ब्लॉक-स्तर तत्व iirc है। – canon

+0

@antisanity - मैंने सोचा कि केवल 'li' तत्व ब्लॉक-स्तर थे। मैंने निश्चित रूप से पता लगाने की कोशिश की लेकिन डब्ल्यू 3 सी साइट (http://www.w3schools.com/tags/tag_ul.asp) किसी भी तरह से नहीं कहती है। आप निश्चित रूप से कैसे पता लगाएंगे? –

उत्तर

7

मैं #main पर height: auto !important हटा दिया। फिर, मैं height: 100% को #list पर सेट करने में सक्षम था।

मुझे यकीन नहीं है कि height: auto आवश्यक है या नहीं।

http://jsfiddle.net/KBHcs/

अधिक स्पष्टीकरण देने के लिए, height: auto !important सामग्री तत्व की ऊंचाई! महत्वपूर्ण height: 100% अधिलेखित किया गया था परिभाषित करता है। इस मामले में, ul में "एसडी" एकमात्र चीज थी क्योंकि li पूरी तरह से स्थित हैं, और इसलिए, दस्तावेज़ प्रवाह का हिस्सा नहीं हैं।

+0

आह! स्पष्टीकरण के साथ आप एक प्लस वन के लायक हैं! ;) हमेशा अपने उत्तर के लिए भविष्य के आगंतुकों को याद रखें! – Zuul

+0

महान स्पष्टीकरण! आपका बहुत बहुत धन्यवाद! :) – mbecker

2

आप पूर्ण स्थिति का उपयोग करने के लिए #list तत्व सेट कर सकते हैं और फिर शीर्ष और निचले निर्देशांक सेट कर सकते हैं। यहाँ अपने संशोधित jsfiddle का एक उदाहरण है:

http://jsfiddle.net/ee78G/11/

+0

+1 - मुझे नहीं पता था कि यह संभव था, क्या यह किसी भी ब्राउज़र में काम करेगा? – Cyclonecode

+0

हां यह किसी भी आधुनिक ब्राउज़र में काम करता है। आईई 8 + मेरा मानना ​​है, फ़ायरफ़ॉक्स, क्रोम और सफारी। –

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