css - Full size of inside another next to the -
इस सवाल का पहले से ही एक उत्तर है: < / P>
- 4 जवाब
यह मेरा html है छोटा खेल।
& lt; div id = "game" & gt; & Lt; div id = "पसंद" onmouseover = "npcRoll ()" & gt; & Lt; p & gt; आपके हथियार को चुसे! & Lt; / p & gt; & Lt; बटन आईडी = "रॉक" onClick = "चुनें (1)" & gt; रॉक & lt; / button & gt; & Lt; बटन आईडी = "पेपर" onClick = "चुनें (2)" & gt; पेपर & lt; / button & gt; & Lt; बटन आईडी = "कैंची" onClick = "चुनें (3)" & gt; कैंची & lt; / button & gt; & Lt; p & gt; आपने चुना & lt; span id = "userChoice" & gt; कोई भी & lt; / span & gt;! & Lt; / p & gt; & Lt; / div & gt; & Lt; div id = "पुष्टि करें" & gt; & Lt; p & gt; जब आप तैयार हों, तो & lt; मजबूत & gt; फ़ुट & lt; / strong & gt;। & Lt; / p & gt; पर क्लिक करें। & Lt; बटन आईडी = "resulot" onClick = "resulte ()" & gt; लड़ाई! & Lt; / बटन & gt; & Lt; / div & gt; & Lt; div id = "स्पष्ट" & gt; & lt; / div & gt; & Lt; / div & gt;
और यह मेरा सीएसएस है
body {background-color: # DFEFF0; पाठ संरेखित करें: केंद्र; } बटन {फ़ॉन्ट-आकार: 22px; सीमा: 2px ठोस # 87231 सी; सीमा-त्रिज्या: 100px; चौड़ाई: 100px; ऊंचाई: 100 पिक्सेल; रंग: # एफएफ 5 ए 51; टेक्स्ट-छाया: -1 पिक्सेल 0 काला, 0 1 पीएक्स काला, 1 पीएक्स 0 काला, 0 -1 पी एक्स काला; पैडिंग-टॉप: 36 पीएक्स; } बटन: सक्रिय {font-size: 22px; सीमा: 2px ठोस # 328505; रंग: # 32 ए 505; सीमा-त्रिज्या: 100px; चौड़ाई: 100px; ऊंचाई: 100 पिक्सेल; पैडिंग-टॉप: 36 पीएक्स; } # रॉक {चौड़ाई: 100px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि रंग: सफेद; पृष्ठभूमि-छवि: url (img / rock.png); पृष्ठभूमि दोहराएँ: कोई दोहराव; पृष्ठभूमि-आकार: 80px 80px; पृष्ठभूमि-स्थिति: केंद्र केंद्र; } # पेपर {चौड़ाई: 100px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि रंग: सफेद; पृष्ठभूमि-छवि: url (img / paper.png); पृष्ठभूमि दोहराएँ: कोई दोहराव; पृष्ठभूमि-आकार: 80px 80px; पृष्ठभूमि-स्थिति: केंद्र केंद्र; } #scissors {width: 100px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि रंग: सफेद; पृष्ठभूमि-छवि: यूआरएल (आईएमजी / कैंची पेज); पृष्ठभूमि दोहराएँ: कोई दोहराव; पृष्ठभूमि-आकार: 80px 80px; पृष्ठभूमि-स्थिति: केंद्र केंद्र; } # परतें {पृष्ठभूमि-रंग: # ईसीईईईसीई; सीमा: 2px ठोस भूरे रंग; बॉर्डर-त्रिज्या: 25px; चौड़ाई: 200px; ऊंचाई: 100 पिक्सेल; } #choice {सीमा: 2px ठोस # 87231C; सीमा-त्रिज्या: 12px; सीमा-शीर्ष दाएं-त्रिज्या: 0 पिक्सेल; सीमा-नीचे दायें-त्रिज्या: 0 पिक्सेल; पृष्ठभूमि रंग: # एफएफ 5 ए 51; चौड़ाई: 350 पिक्सेल; बाईंओर तैरना; } # ग्रा {सीमा: 2px ठोस # एफएफएफ; सीमा-त्रिज्या: 15px; पृष्ठभूमि रंग: सफेद; चौड़ाई: 500 पीएक्स; मार्जिन: 0 ऑटो; प्रदर्शन क्षेत्र; अतिप्रवाह: ऑटो; } #confirm {सीमा: 2px ठोस # 00008B; सीमा-त्रिज्या: 12px; सीमा-शीर्ष-बायां-त्रिज्या: 0 पिक्सेल; सीमा-नीचे-बायां-त्रिज्या: 0 पिक्सेल; पृष्ठभूमि-रंग: # 1E90FF; चौड़ाई: 142 पीएक्स; ऊंचाई: 100%; सही नाव; } # क्लीनर {साफ़: दोनों; }
आप इसे यहां पर देख सकते हैं। मैं नीले रंग के डिवा को लाल आकार के समान आकार के रूप में बनाना चाहता हूं। मैं उन्हें समान आकार बनाना चाहता हूं यह संभव है कि नीले रंग की नीली रंग लाल से बड़ा हो सकता है, इसलिए मुझे उन्हें समान आकार की आवश्यकता है
बहुत बहुत धन्यवाद।
स्पष्ट समाधान
स्थिति: रिश्तेदार पर
#game कंटेनर और
स्थिति: निरपेक्ष पर
#confirm का उपयोग करना है: > <पूर्व>
#confirm {... स्थिति: निरपेक्ष; // & lt; - div शीर्ष को फैलाना: 0; नीचे: 0; सही: 0; }
इस मामले में आपको
ऊंचाई: 100% और
फ्लोट: सही की आवश्यकता नहीं है।
Comments
Post a Comment