html - CSS: wrapper background does not extend to all divs contained therein -

मेरे पास निम्न html है:

  & lt; div class = "wrapper" & gt; & Lt; h1 & gt; आइपॉड & lt; / h1 & gt; & Lt; div वर्ग = "मुख्य-शीर्ष-नीचे" & gt; & Lt; h1 & gt; संबंधित उत्पाद & lt; / h1 & gt; & Lt; div & gt; कार्ट में जोड़ने के लिए आइटम की जांच करें या & lt; a href = "#" & gt; सभी चुनें & lt; / a & gt;। & Lt; / div & gt; & Lt; div वर्ग = "संबंधित उत्पाद" & gt; & Lt; div class = "relatedproductimage" & gt; & Lt; img src = "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR-YiokcA1U38PFCbIYklGbbqu-4E7gj6p-c4txmJjZxblroYu40A" / & gt; & Lt; / div & gt; & Lt; div वर्ग = "संबंधित उत्पाद का टेक्स्ट" & gt; & Lt; div वर्ग = "संबंधितप्रॉडिक्शिंग" & gt; एक लाल आइपॉड नैनो। & Lt; / div & gt; & Lt; div वर्ग = "मूल्य" & gt; $ 140.00 & lt; / div & gt; & Lt; div class = "addtowishlist" & gt; विशलिस्ट में जोड़ें & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "संबंधित उत्पाद" & gt; & Lt; div class = "relatedproductimage" & gt; & Lt; img src = "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR-YiokcA1U38PFCbIYklGbbqu-4E7gj6p-c4txmJjZxblroYu40A" / & gt; & Lt; / div & gt; & Lt; div वर्ग = "संबंधित उत्पाद का टेक्स्ट" & gt; & Lt; div वर्ग = "संबंधितप्रॉडिक्शिंग" & gt; एक नीली आइपॉड नैनो। & Lt; / div & gt; & Lt; div वर्ग = "मूल्य" & gt; $ 140.00 & lt; / div & gt; & Lt; div class = "addtowishlist" & gt; विशलिस्ट में जोड़ें & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;   
 और सीएसएस:  
 । वालपेपर {पृष्ठभूमि: नीला; } .relatedproduct {स्पष्ट: दोनों; } .relatedproductimage {float: left; } .relatedproducttext {float: left; }   
 मुझे पता है कि नीली पृष्ठभूमि कैसे नीचे दीव तक नहीं फैलती है मैं गलत क्या कर रहा हूं?  
   
  
 धन्यवाद।   
 
 
 फ़्लोट्स डिफ़ॉल्ट रूप से शामिल नहीं हैं आप इसे आवरण को तैर ​​कर भी कर सकते हैं, या इसे एक अतिप्रवाह संपत्ति देकर कर सकते हैं।  
 । Wrapper {overflow: hidden; }   
  
 यदि आप साइड इफेक्ट के रूप में अतिप्रवाह को छिपाना नहीं चाहते हैं तो दूसरे विकल्प (बेहतर) के लिए पढ़ें।  
 अधिक जानकारी पर