css - div container larger than image inside -
इस सवाल का पहले से ही एक उत्तर है: < / P>
- 5 जवाब
एक बार फिर से आप उम्मीद कर सकते थे मेरी मदद करो।
मैं सीएसएस पर एक नौसिखिया हूँ और कुछ सरल बनाने की कोशिश कर रहा हूं, लेकिन यह भी आसान है कि वास्तव में मुश्किल हो। (।) इस समस्या के लिए अब एक घंटे की तरह। >
किसी भी तरह से मेरे पास अभी समस्या यह है कि मेरे पास एक ऐसी डिवीज़ है जिसमें एक इमेज है, लेकिन डिवेल में नीचे 5px स्पेस की तरह अतिरिक्त है जो मुझे पता नहीं लगा सकता कि कैसे निकालना है। < पी> मूलतः यह है कि मेरे पास क्या है
< P> जैसा कि आप देख सकते हैं कि छवि के नीचे थोड़ा "सफेद" स्थान है।
यह वही है जो मैं चाहता हूँ (रंग का उपयोग करके संपादित)
मूल रूप से मेरे पास शरीर के लिए एक ग्रे पृष्ठभूमि है, 70% की चौड़ाई वाली आवरण के साथ,
आवरण के अंदर एक मेनू है (छोटी लाल चीज़ उस मेनू का हिस्सा है), फिर वहाँ एक div (आईडी = कंटेनर) है जो पृष्ठभूमि की पृष्ठभूमि है, चौड़ाई 142.8571% है, और बायीं 15% है, ताकि यह पूरे पृष्ठ को कवर कर सके।
एचटीएमएल के लिए यह मेरा कोड है
:
& lt; div id = "कंटेनर" & gt; & Lt; img id = "banner-img" src = "img / banner.jpg" & gt; & Lt; / div & gt;
सीएसएस:
# कंटेनर {पृष्ठभूमि रंग: सफेद; padding-bottom: 0px; मार्जिन-नीचे: 0 पिक्सेल; सीमा-नीचे-चौड़ाई: 0 पिक्सेल; चौड़ाई: 142.8571%; स्थिति: रिश्तेदार; बाएं: -21.428571%; } # बैनर-आईएमजी {स्थिति: रिश्तेदार; मार्जिन: 0 पिक्सेल ऑटो 0 पिक्सेल ऑटो; चौड़ाई: 70%; बाएं: 15%; ऊंचाई: ऑटो; पैडिंग: 0 पिक्सेल; सीमा: 0 पिक्सेल; स्थिति: रिश्तेदार; }
अब इसका उपयोग किया जाता है
img, # बैनर-आईएमजी {ऊर्ध्वाधर-संरेखित करें: शीर्ष; }
Comments
Post a Comment