मैं १००% पृष्ठ ऊंचाई के साथ <body> बनाना चाहता हूं।

जब मैं <html> और <body> दोनों पर 100% या 100vh का उपयोग करता हूं, तो जब पृष्ठ सामग्री व्यूपोर्ट से अधिक हो जाती है तो वे विस्तारित नहीं होते हैं।

html {
  height: 100%;
}
body {
  height: 100%;
}

जब मैं height: 100%; के बजाय <body> के लिए min-height: 100%; का उपयोग करता हूं, तो इसका विस्तार होता है, लेकिन तब मैं शरीर के अंदर divs के लिए प्रतिशत ऊंचाई का उपयोग नहीं कर सकता, क्योंकि शरीर में ऊंचाई निर्धारित नहीं होती है।

शरीर को "अनंत" कैसे बनाया जाए और फिर भी इसके अंदर प्रतिशत के साथ divs का उपयोग करने में सक्षम हो?

0
Milan Vodák 25 अक्टूबर 2018, 20:34

1 उत्तर

सबसे बढ़िया उत्तर

आप जो चाहते हैं वह संभव नहीं है और अधिक सटीक रूप से तार्किक नहीं है। आइए एक तुच्छ प्रश्न पूछें:

शरीर की ऊंचाई क्या परिभाषित करेगी?

1) आप चाहते हैं कि आपका body स्क्रीन का height:100% हो: आप या तो कैस्केडिंग height:100% या height:100vh का उपयोग कर सकते हैं और आपके body में एक स्पष्ट निर्दिष्ट होगा ऊंचाई इस प्रकार आप इसके अंदर प्रतिशत ऊंचाई का उपयोग कर सकते हैं लेकिन शरीर 100% से अधिक नहीं बढ़ेगा।

2) आप चाहते हैं कि आपका body स्क्रीन का min-height:100% हो: height:100% को html पर सेट करते समय आप min-height:100vh या min-height:100% का उपयोग कर सकते हैं . इस मामले में, शरीर की सामग्री वास्तविक ऊंचाई को परिभाषित करेगी क्योंकि आपने बस एक min-height बाधा जोड़ दी थी। यदि आपके पास बहुत अधिक सामग्री है, तो शरीर 100% सीमा से आगे बढ़ेगा, यदि नहीं तो आपके पास 100% होगा। इस स्थिति में, यह स्पष्ट है कि सामग्री ऊंचाई के भीतर प्रतिशत मान का उपयोग नहीं कर सकती क्योंकि सामग्री शरीर की ऊंचाई को परिभाषित कर रही है।

आपके पास या तो (1) या (2) हो सकते हैं, लेकिन आपके पास दोनों नहीं हो सकते क्योंकि शरीर के लिए min-height को परिभाषित करने का कोई तार्किक तरीका नहीं है, इसे बढ़ने दें (इसकी सामग्री के आधार पर) और इसकी सामग्री को उपयोग करने दें ऊंचाई के भीतर प्रतिशत मान।

2
Temani Afif 25 अक्टूबर 2018, 23:01