HTML के साथ नए Flexbox API का उपयोग करके पूर्ण-ऊंचाई वाले ऐप में फ्लेक्सबॉक्स और वर्टिकल स्क्रॉल

फ्लेक्स प्रॉपर्टी फ्लेक्स-ग्रो, फ्लेक्स-सिकंक और फ्लेक्स-बेस प्रॉपर्टीज का शॉर्टहैंड है। फ्लेक्स प्रॉपर्टी लचीली वस्तुओं पर लचीली लंबाई सेट करती है।

उदाहरण के लिए -

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 0px; /*here the height is set to 0px*/
}

यदि आप न्यूनतम-ऊंचाई चाहते हैं, तो उपयोग की ऊंचाई:100px; कि यह बिल्कुल वैसा ही है जैसे − min-height:100px;

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 100px; /*here the height is set to 100px*/
}