html - Prevent div height to be "0" -

मेरे पास यह html संरचना है: -

  & lt; div id = "middle" & gt ; & Lt; div id = "category_container_1" class = "category_container" rel = "1" & gt; & Lt; div वर्ग = "बड़ा" & gt; & lt; img src = "सूची / दृश्य / थीम / डिफ़ॉल्ट / चित्र / 1-बड़े पेज" & gt; & lt; / div & gt; & Lt; div वर्ग = "छोटा" & lt; img src = "सूची / दृश्य / थीम / डिफ़ॉल्ट / चित्र / 1-6.png" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; div id = "category_container_2" class = "category_container" rel = "2" & gt; & Lt; div वर्ग = "बड़ा" & gt; & lt; img src = "सूची / दृश्य / थीम / डिफ़ॉल्ट / चित्र / 1-बड़े पेज" & gt; & lt; / div & gt; & Lt; div वर्ग = "छोटा" & lt; img src = "सूची / दृश्य / थीम / डिफ़ॉल्ट / चित्र / 1-6.png" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;  

और सीएसएस इस तरह है: -

  # मिडल {स्थान: रिश्तेदार; चौड़ाई: 100%; अधिकतम-चौड़ाई: 960px; ऊंचाई: ऑटो; मार्जिन: 0 पिक्स ऑटो; padding-bottom: 70px; पृष्ठभूमि का रंग: #FFFFFF; अतिप्रवाह: ऑटो; } .category_container {width: 100%; ऊंचाई: ऑटो; दोनों को साफ करो; }  

मैं ऊंचाई निर्धारित करने के लिए। Categic_container सेट करता हूं, क्योंकि अंदर की सामग्री में डिव नीचे का विस्तार होगा, और html का उपयोग ठीक काम करता है।

हालांकि, क्रोम, यह category_container_1, category_container_2 दिखाता है, दोनों 960px x 0px हैं, यह ऊंचाई के कारण है: ऑटो में सीएसएस (मैंने इसे 100px में परिवर्तित करने की कोशिश की और यह क्रोम पर 960px x 100px के रूप में दिखाया गया है।)

इसमें मामले में, मैं क्रोम में इन divs के लिए 960px x वास्तविक px होने में कैसे div बना सकता हूँ?

कोशिश करो न्यूनतम ऊंचाई का उपयोग

 । Category_container {width: 100%; ऊंचाई: ऑटो; न्यूनतम-ऊंचाई: मूल्य 0; दोनों को साफ करो; }