दिलचस्प पोस्ट
गतिशील (सी # 4) और var के बीच अंतर क्या है? Struts2 INPUT परिणाम: यह कैसे काम करता है? रूपांतरण / सत्यापन त्रुटियों को कैसे नियंत्रित किया जाता है? क्या Git मर्ज करते समय विशिष्ट प्रतिबद्धता को बाहर करना संभव है? PHP के उपयोग से छवि के साथ पारदर्शी पीएनजी कैसे मर्ज करें? दोहराया वर्णों के साथ नियमित अभिव्यक्ति जीगप्लोट 2 में सीमांत हिस्टोग्राम के साथ स्कैटरप्लॉट आप एकाधिक कॉलम पर एक सरणी कैसे सॉर्ट करते हैं? ओपनजीएल ES2 अल्फा परीक्षण समस्याएं सी # समर्थन वापसी प्रकार सह प्रकार है? क्या स्वचालित रूप से रिक्त स्थान और टैब के बीच स्विच हो सकता है? SQL सर्वर – एक घोषित चर के साथ खंड में एक winforms पाठ बॉक्स के अंदर बटन क्या एक विशिष्ट पंक्ति को अनदेखा कर सकते हैं? जावास्क्रिप्ट असिंक्रोनस रिटर्न वैल्यू / असाइनमेंट जे jQuery क्या मुझे ईएवी मॉडल का उपयोग करना चाहिए?

सीएसएस ऊंचाई के बीच अंतर: 100% बनाम ऊंचाई: ऑटो

मुझे एक साक्षात्कार में एक सवाल पूछा गया था "सीएसएस height:100% और height:auto बीच अंतर क्या है height:auto ?"

क्या कोई भी समझा सकता है?

वेब के समाधान से एकत्रित समाधान "सीएसएस ऊंचाई के बीच अंतर: 100% बनाम ऊंचाई: ऑटो"

height:100% पता चलता है कि तत्व इसके मूल कंटेनर की 100% ऊँचाई होने वाला है।

height:auto अर्थ है, तत्व में लचीला ऊँचाई होगी, इसकी ऊंचाई इसके बच्चों के तत्वों की ऊंचाई पर निर्भर करेगी

नीचे दिए गए उदाहरण पर विचार करें:

ऊंचाई: 100%

 <div style="height:50px"> <div id="innerDiv" style="height:100%"> </div> </div> 

#innerDiv की height:50px

ऊंचाई: ऑटो

 <div style="height:50px"> <div id="innerDiv" style="height:auto"> <div id="evenInner" style="height:10px"> </div> </div> </div> 

अब #innerDiv की height:10px

100% की ऊंचाई है, संभवतया, आपके ब्राउज़र की आंतरिक विंडो की ऊंचाई , क्योंकि यह उसके अभिभावक की ऊंचाई है , पृष्ठ। एक auto ऊँचाई को शामिल करने के लिए आवश्यक न्यूनतम ऊंचाई होगी

डिफ़ॉल्ट height: auto ब्राउज़र में height: auto लेकिन height: X% से युक्त ब्लॉक के प्रतिशत में ऊंचाई निर्धारित करता है।