Flexbox प्रॉपर्टी
flex प्रॉपर्टी flex-grow, flex-shrink, और flex-basis प्रॉपर्टीज का शॉर्टहैंड है। flex प्रॉपर्टी फ्लेक्सिबल आइटम्स पर फ्लेक्सिबल लंबाई सेट करती है।
उदाहरण: ऊंचाई 0px
#container article {
-webkit-flex: 1 1 auto;
overflow-y: auto;
height: 0px; /* यहां ऊंचाई 0px सेट है */
}
उदाहरण: न्यूनतम ऊंचाई 100px
यदि आप min-height चाहते हैं, तो height: 100px; उपयोग करें जो बिल्कुल min-height: 100px; के समान है।
#container article {
-webkit-flex: 1 1 auto;
overflow-y: auto;
height: 100px; /* यहां ऊंचाई 100px सेट है */
}
यह तकनीक फुल-हाइट लेआउट में उचित स्क्रॉलिंग व्यवहार सुनिश्चित करती है।
