HTML and CSS: How can the parent div auto resize it's height based on the child's height? -

HTML:

  & lt; div id = "main" & gt; & Lt; div id = "left" class = "cell" & gt; & Lt; div id = "description" वर्ग = "सेल" & gt; & Lt; / div & gt; & Lt; div id = "निम्नलिखित" वर्ग = "सेल" & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "posts" class = "cell" & gt; यहां कुछ सामग्रियां हैं (ऊंचाई ऑटो पर सेट है) & lt; / div & gt; & Lt; / div & gt;   
 सीएसएस:  <पूर्व>  div # main {width: 970px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि: आरजीबीए (255,0,0,1,1); सीमा: 5 पीएक्स ठोस आरजीबी (251,151,117); मार्जिन: 20px 0px 20px 0px; / * ऊपर सही नीचे वाम * / पैडिंग: 10px} div # left {width: 383px; ऊंचाई: 100%; मार्जिन-दाएं: 5px; पृष्ठभूमि: आरजीबी (0,0,255); फ्लोट: बायां} div # description {width: 100%; ऊंचाई: 50%; पृष्ठभूमि: आरजीबी (0,0,0)} div # निम्नलिखित {चौड़ाई: 100%; ऊंचाई: 50%; पृष्ठभूमि: आरजीबी (0,255,0)} div # posts {width: 577px; ऊंचाई: ऑटो; मार्जिन-बाएं: 5px; पृष्ठभूमि: आरजीबी (255,255,0); फ्लोट: सही}  
 
 मैंने आपके लिए यह देखना है कि कैसे चर पैरेंट ऊँचाई काम करती है।  
  
 
 
 । Parent {height: auto; सीमा: 1 पीएक्स धराशायी # एफ 00; पैडिंग: 5 पीएक्स; } .child {ऊंचाई: 100px; सीमा: 1px # 0f0 धराशायी; }   
  & lt; div class = "parent" & gt; & Lt; div class = "child" & gt; & Lt; / div & gt;     
 का पालन करें क्या है और आप ठीक कर लेंगे।  
 
 अपने कोड की खोज के बाद यह एक फ्लोट समस्या है, आपको  स्पष्ट: दोनों के साथ एक नया div जोड़ना होगा;  फ्लोट को रिक्त करने के लिए और  #main  div को भर में भरना होगा।