父 DIV 中的圆角不影响子 DIV

Question

所以，我正在尝试在 CSS3 中使用圆角（不在 IE 中，不关心它是否在那里工作），并且我有一个 DIV，我的所有内容都在其中看起来非常漂亮。我遇到的问题是，有些子 DIV 没有被父级的圆角“掩盖”。我不是在寻找孩子继承圆角。我只想让父级内部的任何内容在四舍五入的地方不可见，就好像它被屏蔽一样。我尝试使用“overflow:hidden;”，但这似乎并不能解决问题。

有谁知道圆角容器 DIV 的子级如何被父级 DIV 屏蔽？如果有任何用处，我正在使用“position：absolute;”在父 DIV 上。不确定这是否会产生任何影响。

谢谢！

Answer 1

尝试将 overflow:hidden; 添加到父元素。这解决了我的问题。

Answer 2

在 div 上使用内边距。如果使填充等于半径，则不必担心任何重叠或圆形区域中出现的内容。

<style>
.round{
border-radius:10px;
padding:10px;
background-color:red;
}
</style>

<div class="round">Rounded Corners</div>

这是一个有用的网站，讨论了有关 CSS3 边框半径的所有内容：http://www.css3。信息/预览/圆角边框/。