Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस और एचटीएमएल के साथ मुख्य सामग्री div को स्क्रीन की ऊंचाई भरने के लिए कैसे करें


स्थिति संपत्ति एक तत्व (स्थिर, सापेक्ष, पूर्ण, निश्चित, या चिपचिपा) के लिए उपयोग की जाने वाली स्थिति विधि के प्रकार को निर्दिष्ट करती है।

नीचे दिए गए उदाहरण में, प्रतिशत में कोई ऊंचाई निर्दिष्ट नहीं है और किसी jQuery की आवश्यकता नहीं है

.mainbody{  
   position: absolute;//here we are setting the position of an element as absolute
   top: 30px; /* here we are defining Header Height to 30 px */
   bottom: 10px; /*here we are defining  Footer Height to 10 px */
   width: 100%;// here we are setting the width to 100%
}

  1. सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को कैसे बढ़ाया जाए?

    सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को फैलाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <title>Page Title</title> <style>    *{       box-sizing: border-box;    }    h

  1. CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं?

    CSS ऊंचाई गुण हमें किसी तत्व की ऊँचाई निर्दिष्ट करने में मदद करता है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ऊंचाई संपत्ति को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &n

  1. HTML और CSS का उपयोग करके साइडबार और मुख्य सामग्री क्षेत्र के साथ एक पेज बनाना

    html और बॉडी के आकार को 100% पर सेट करके फ्लूइड साइडबार और मुख्य सामग्री क्षेत्र वाला एक वेबपेज बनाया जाता है। निम्न उदाहरण इसे दिखाता है। उदाहरण html, शरीर {ऊंचाई:100%; रंग सफेद; फ़ॉन्ट-आकार:2em; लाइन-ऊंचाई:200px;}#पैरेंट {डिस्प्ले:टेबल; चौड़ाई:100%; ऊंचाई:100%;}#साइड {डिस्प्ले:टेबल-सेल; पृष्ठ