2015-02-05 17 views
9

उत्तराधिकारी मैंने the difference between height: 100%; and height: auto; पूछने वाले प्रश्न को देखा है, लेकिन height: 100%; और height: inherit; के बीच क्या अंतर है?सीएसएस ऊंचाई: 100% बनाम ऊंचाई:

मैं मूल रूप से इस तत्व की ऊंचाई को अपने कंटेनर को भरने/मिलान करने के लिए चाहता हूं। 100%inherit से अधिक या इसके विपरीत उपयोग करने का कोई कारण होगा?

+2

आप पढ़ क्या वारिस करता है? यदि कंटेनर में निर्दिष्ट ऊंचाई नहीं है जिसका अर्थ है कि यह ऑटो होगा, तो आप ऑटो का वारिस करने जा रहे हैं। उदाहरण http://jsfiddle.net/50oaax77/ – Huangism

+0

https://developer.mozilla.org/en-US/docs/Web/CSS/inherit – j08691

+0

@ j08691 - ध्यान दें कि इस प्रश्न की प्रासंगिकता के लिए, एमडीएन दस्तावेज़ में अपने पहले अनुच्छेद में एक महत्वपूर्ण गलती। तत्व को उसके माता-पिता से * निर्दिष्ट मान * प्राप्त होता है, न कि इसके गणना मूल्य। देखें http://www.w3.org/TR/CSS2/cascade.html#value-def-inherit – Alohci

उत्तर

16

height: 100% माता-पिता के ऊंचाई मूल्य के बावजूद तत्व के माता-पिता की ऊंचाई से मेल खाता है।

height: inherit, जैसा कि नाम का तात्पर्य है, इसके माता-पिता से मूल्य प्राप्त होगा। यदि माता-पिता का मान height: 50% है, तो बच्चा इसके माता-पिता की ऊंचाई का 50% भी होगा। यदि माता-पिता का आकार पूर्ण मानों में परिभाषित किया गया है (उदा। height: 50px), तो height: inherit और height: 100% बच्चे के लिए समान व्यवहार होगा।

+2

अच्छी तरह से समझाया गया। [यहां उदाहरण] (http://jsbin.com/bepoqa/2/edit)। –

+0

@HashemQolami महान उदाहरण! मैं सुझाव देता हूं कि बच्चे के div में मार्जिन जोड़कर यह दिखाएं कि यह माता-पिता के भीतर है। – Nepoxx

+0

आह, यह कुंजी है। मैं पर्सेंट्स के बारे में सोच नहीं रहा था। यदि कंटेनर में 100% से अधिक कुछ भी प्रतिशत है, तो यह तत्व निश्चित रूप से ऐसा नहीं करेगा जो मैं चाहता हूं। जैसे ही यह मुझे अनुमति देता है मैं स्वीकार करूंगा। – dnc253

0

ऊंचाई: उत्तराधिकारी: उत्तराधिकारी कीवर्ड निर्दिष्ट करता है कि किसी संपत्ति को अपने मूल तत्व से अपना मूल्य प्राप्त करना चाहिए।

ऊंचाई: 100%: धारक ब्लॉक

उदाहरण के लिए के प्रतिशत में ऊंचाई को परिभाषित करता है, look here

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