有人知道一种迫切的方法来迫使儿童元素留在他们父母的边界半径吗?
这是我正在使用的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>
CSS:
#outer { width: 300px; background: red; border-radius:20px; } #inner { background:blue; }
我只是希望容器现在看起来是蓝色的,但是父母用圆角边缘.我更新了小提琴以反映.
解决方法
根据您的示例,将overflow:hidden添加到您的#outer元素就足够了.