CSS से एलिमेंट्स को ब्राउज़र विंडो की पूरी ऊंचाई तक स्ट्रेच करने के लिए, कोड निम्नानुसार है -
उदाहरण
<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> *{ box-sizing: border-box; } html, body { height: 100%; margin: 0; } .fullHeight{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; height: 100%; background: rgb(135, 27, 207); color:white; font-size: 40px; padding: 40px; } </style> </head> <body> <div class="fullHeight">This div element will stretch to the whole height and width of the window</div> </body> </html>आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
