22
मेरे पास 2 divs हैं, एक दूसरे के अंदर घोंसला है। पेज डिज़ाइन के मुताबिक, नेस्टेड डिव को माता-पिता div के शीर्ष पर "this image" के रूप में दिखाई देने की आवश्यकता है।सीएसएस: पैरेंट तत्व की सीमाओं के बाहर थोड़ा घोंसला वाला तत्व
मुझे वांछित प्रभाव को अनुकरण करने के प्रयास में नेस्टेड div पर नकारात्मक शीर्ष मार्जिन का उपयोग करके दोनों तत्वों के लिए सीएसएस कोडित किया गया है। हालांकि, माता-पिता की सीमाओं के बाहर दिखाई देने के बजाय, नेस्टेड डिव के शीर्ष 10 पीएक्स या तो this image में कट ऑफ हो रहे हैं।
मैं तत्व को पूरी तरह से स्थिति में नहीं रखना चाहता, क्योंकि इस पृष्ठ का लक्ष्य यह है कि यह उत्तरदायी है। divs के लिए
HTML:
<div class="container-div">
<div class="child-div">
...
</div>
</div>
divs के लिए सीएसएस:
.container-div {
padding: 10px 10px 0;
}
.child-div {
display: inline-block;
width: 100px;
height: 60px;
margin: -15px 10px 0;
border: 1px solid #efefef;
background-color: #fff;
}