html - Stacked full-page divs -

यहाँ व्यंजन:

मैं अपने प्रत्येक डिस्क्स को पिक्सेल में एक आकार निर्दिष्ट किए बिना व्यूपोर्ट भरने के लिए मैं यह कैसे कर सकता हूँ? वर्तमान में, divs केवल एच 1 में पाठ के रूप में बड़े हैं और उनमें से पी तत्व हैं। मैंने ऊंचाई को 100% तक सेट करने की कोशिश की और एचटीएमएल और बॉडी तत्वों के लिए ऐसा करने का प्रयास किया ...

  & lt; title & gt; पहाड़ & lt; / title & gt; & LT; बॉडी & gt; & Lt; div id = "denali" वर्ग = "फुलपेगेडीव" & gt; & Lt; h1 & gt; डेनलि & lt; / h1 & gt; & Lt; p & gt; Denali उत्तरी अमेरिका में सबसे ऊंचे पहाड़ है संयुक्त राज्य अमेरिका के अनुसार अलास्का और संयुक्त राज्य में भौगोलिक नाम के बोर्डों के बीच असहमति के कारण, पीक का आधिकारिक नाम अलास्का और माउंट मैकिंले के अनुसार डेनाली है। & Lt; / p & gt; & Lt; / div & gt; & Lt; div id = "mountlogan" class = "fullPageDiv" & gt; & Lt; h1 & gt; माउंट लॉन & lt; / h1 & gt; & Lt; p & gt; माउंट लोगान उत्तरी अमेरिका में दूसरा सबसे ऊंचा चोटी है। & Lt; / p & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;   
 सीएसएस:  <पूर्व>  body {font: 18px / 30px Sans-serif; मार्जिन: 0; पैडिंग: 0; मिनट-height: 1000 पिक्सेल; } Html {मार्जिन: 0; पैडिंग: 0; न्यूनतम ऊंचाई: 100%; } .fullPageDiv {स्थिति: रिश्तेदार; न्यूनतम ऊंचाई: 100%; चौड़ाई: 100%; छिपा हुआ सैलाब; } #denali {पृष्ठभूमि रंग: लाल; } #mountlogan {पृष्ठभूमि-रंग: हरा; } # सीट्ल {पृष्ठभूमि-रंग: पीला; } # माउंटेंटेलियास {पृष्ठभूमि रंग: नीला; } #popo {पृष्ठभूमि-रंग: लाल; }    
 
 
 उपयोग करें:  
  html, body { ऊंचाई: 100%; }  न्यूनतम-ऊंचाई  के बजाय