2012-10-25 19 views
5

मैंने देखा है कि min-height ओपेरा में काम नहीं कर रहा है। मैं कुछ इस तरह कोशिश कर रहा हूँ:न्यूनतम ऊंचाई: ऑटो ओपेरा में काम नहीं कर रहा है

<div class="content"><div> 
<div class="content newstyle"><div> 

और मेरे सीएसएस कोड है:

.content { 
    min-height: 600px; 
} 
.newstyle { 
    min-height: auto; 
} 

और ओपेरा सिर्फ min-height तरह अस्तित्व में नहीं था कार्य करता है।
यदि मैं पृष्ठभूमि या जो भी हो, .newstyle में कोई अन्य शैली लागू करता हूं, तो यह अच्छी तरह से काम करता है। लेकिन min-height: auto काम नहीं करता है ...

कोई विचार?

उत्तर

11

CSS2.1 defines the initial value of min-height to be 0, not auto. मूल्य का उपयोग कर min-height निर्दिष्ट कर सकते हैं auto CSS2.1 में कभी अस्तित्व में नहीं था, इसलिए यह CSS2.1 में अमान्य है। बस min-height: 0 बजाय का उपयोग करें:

.content { 
    min-height: 600px; 
} 
.newstyle { 
    min-height: 0; 
} 
+0

को रीसेट करना चाहते हैं, आपको आरईएसईटी भाग शामिल करना चाहिए .. अच्छा +1 –

+0

इसे बाद में फ्लेक्सबॉक्स मॉड्यूल से हटा दिया गया है और यह कि टीआर लिंक एंकर, # मिनट- आकार-ऑटो अब मान्य नहीं है। – danorton

+0

@ डैनॉर्टन: धन्यवाद, मैंने फ्लेक्सबॉक्स संदर्भ को पूरी तरह हटा दिया है। – BoltClock

5

auto; एक वैध valuemin-height संपत्ति के लिए और इसलिए ओपेरा पर ध्यान नहीं देता नहीं है ...

आप px, cm आदि, या % या inherit

Sitepoint Reference

+0

और मैं क्या करता है, तो सिर्फ एक मिनट ऊंचाई स्थापित करना चाहते हैं न, लेकिन मैं अन्य शैली मिनट-ऊंचाई की उपेक्षा करना चाहते हैं? – Alvaro

+0

@ बोल्टक्लॉक नाह मुझे नहीं लगता कि 'ऑटो' मान्य है –

+0

@ स्टेव आपको नहीं मिला और आपको "न्यूनतम ऊंचाई: ऑटो; 'का उपयोग करने की आवश्यकता नहीं है क्योंकि आपकी div ऊंचाई डिफ़ॉल्ट रूप से ऑटो है, जब तक आप div को कुछ ऊंचाई नहीं देते –

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