प्रतिशत चौड़ाई का उपयोग - एचटीएमएल, सीएसएस

मैं मोबाइल वेब विकास के लिए नया हूं और तत्व चौड़ाई के लिए प्रतिशत का उपयोग करना सीखना चाहता हूं।

मेरा एक तलाक है जिसका नाम "नीला" है।ब्लू की चौड़ाई 80% है (यह मुझे मोबाइल के लिए करने के लिए कहा गया था ताकि सामग्री कभी भी मोबाइल डिवाइस के लिए बहुत व्यापक न हो)। नीले रंग के अंदर मुझे "ग्रीन" नाम के डिव चाहिए, मैं प्रत्येक "ग्रीन" लिफ्ट को फ्लोट करना चाहता हूं और उन्हें इनलाइन प्रदर्शित करता हूं और "ब्लू" की पूरी चौड़ाई लेना चाहता हूं।

क्या मैं "हरी" divs प्रतिशत चौड़ाई देता हूं?यदि मैं एकमात्र मूल्य जोड़ सकता हूं, तो मैं उन्हें चौकोर कैसे रखूंगा? इसके अलावा, अगर मैं "हरी" divs की चौड़ाई प्रतिशतता हूँ तो मार्जिन और पैडिंग में गणना कैसे करूँ?

उत्तर:

जवाब के लिए 0 № 1

लगभग सभी (यदि नहीं) सभी आकार, मार्जिन, पेडिंग,चौड़ाई, आदि को सीएसएस में प्रतिशत के रूप में चिह्नित किया जा सकता है। यदि आपके पास एक DIV पृष्ठ का 80% फैले हुए हैं, तो आप इसे चिह्नित करके केंद्रित कर सकते हैं मार्जिन-वाम: ऑटो; तथा मार्जिन-सही: ऑटो; उस DIV की कक्षा या ID के लिए।

नेस्टेड DIV के लिए, आप एक बार फिर से काम कर रहे हैं100% मूल कंटेनर। यदि आप अपने बच्चे (हरे) DIV को 100% के रूप में चिह्नित करते हैं, तो यह पूरे पृष्ठ को नहीं बल्कि माता-पिता (नीला) DIV को भर देगा। आपको इस संख्या में अपने मार्जिन और पैडिंग (मैन्युअल रूप से, दुर्भाग्य से) को भी शामिल करना होगा।

यदि आपके पास दो DIV बाईं ओर तैरते हैं, दोनों के साथ50% और 1% मार्जिन होने पर, आप 104% पर होंगे और दूसरा DIV अगले "लाइन" पर आएगा। यदि आप मार्जिन के लिए खाते में उन्हें 48% चौड़ाई बनाते हैं, तो आपको शामिल मार्जिन के साथ 100% भरना होगा।


जवाब के लिए 0 № 2

किसी तत्व की चौड़ाई को प्रतिशत में सेट करने से वह चौड़ा हो जाता है इसके कंटेनर के सापेक्ष। तो अगर आप एक बाहरी के भीतर एक आंतरिक div हैdiv, और आप आंतरिक div को the०% की चौड़ाई देते हैं और बाहरी div की भी चौड़ाई ,०% है, आंतरिक div ,०% बाहरी चौड़ी की तरह चौड़ी होगी, या पृष्ठ की तरह ६४%।

पैडिंग, बॉर्डर और मार्जिन पर ध्यान दें: ये विशेषताएँ हैं के अतिरिक्त किसी तत्व की सीएसएस चौड़ाई। इसलिए यदि आपके पास 5% की गद्दी और 80% की चौड़ाई के साथ एक बाहरी div है, तो यह पृष्ठ की चौड़ाई का 90% तक ले जाएगा।

यह अनुभव पर आधारित है और पूरी तरह से सही हो भी सकता है और नहीं भी। यदि मैं गलत हूं तो मुझे बताएं।

यह पहेली देखें

.

संबंधित सवाल
सबसे लोकप्रिय