Elementy dziecięce kolorowe klipy w kolorze bg dla rodziców o promieniu granicy

Question

Ktoś wie o pewnym sposobie na zmuszenia dzieci do pozostania w granicy ich rodziców?

Oto próbka js skrzypce pracuję z: http://jsfiddle.net/fuego/qCNRZ/

Markup:

<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> 

CSS:

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

} 

#inner { 
    background:blue; 
} 

po prostu chcą się pojawiać pojemnik niebieski teraz ale z rodzicami zaokrąglonymi krawędziami. Zaktualizowałem skrzypce, żeby się zastanowić.

Answer 1

prostu potrzebne marginesy ustawione http://jsfiddle.net/jalbertbowdenii/83Xrs/2/

Answer 2

Jedynym sposobem, aby osiągnąć to, co chcesz z czystym CSS jest dodanie border-radius zarówno div.

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

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

Demo:http://jsfiddle.net/tZ8AL/1/

Answer 3

Bazując na swoim przykładzie wystarczyłoby dodać overflow:hidden do elementu #outer.

Answer 4

Dodanie "przepełnienie: ukryte;" do zewnętrznego div rozwiąże twój problem. Twoje zdrowie.