माता-पिता सीमा-त्रिज्या

Question

पर बाल तत्व बीजी रंग क्लिप बाल तत्वों को अपने माता-पिता की सीमा-त्रिज्या में रहने के लिए मजबूर करने के लिए एक निश्चित तरीके से पता है?

यहाँ एक js बेला नमूना मैं के साथ काम कर रहा हूँ है: http://jsfiddle.net/fuego/qCNRZ/

मार्कअप:

<div id="outer"> 
    <div id="inner"> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
     Nah nah nah<br/> 
    </div> 
</div> 

सीएसएस:

#outer { 
    width: 300px; 
    background: red; 
    border-radius:20px; 

} 

#inner { 
    background:blue; 
} 

मैं बस कंटेनर अब नीले प्रकट करना चाहते हैं, लेकिन माता-पिता के किनारे किनारों के साथ। मैंने प्रतिबिंबित करने के लिए पहेली को अद्यतन किया।

Answer 1

बस जरूरत मार्जिन हासिल करने के लिए आप क्या चाहते हैं शुद्ध सीएसएस के साथ दोनों div के लिए border-radius जोड़ना है http://jsfiddle.net/jalbertbowdenii/83Xrs/2/

Answer 2

एक ही रास्ता निर्धारित किया है।

#outer { 
    width: 300px; 
    background: red; 
    border-radius:20px; 
    height:400px; 
} 

#inner { 
    background:blue; 
    border-radius:20px 20px 0 0; 
    padding-left:10px; 
} 

डेमो:http://jsfiddle.net/tZ8AL/1/

Answer 3

अपने उदाहरण के आधार पर यह आपके #outer तत्व को overflow:hidden जोड़ने के लिए पर्याप्त होगा।

Answer 4

"अतिप्रवाह: छुपा;" जोड़ना बाहरी div को आपकी समस्या का समाधान होगा। चीयर्स।