Html 使标题div精确固定到父圆角div中

我创建了包含标题和内容div的圆角div。代码如下：

<div class="borderRadius">
      <div class="header">Header</div>
      <div class="content">content goes here</div>
</div>

---

现在，我希望页眉div应该正好适合圆角父div，这样页眉div的角不应该覆盖圆角。

好吧，解决方案非常简单，我敢肯定您刚刚错过了它：您也应该将角半径设置为.header类；-）像这样：

.borderRadius {border:1px solid #dadada; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; }
.header { background: none repeat scroll 0 0 #F5F7F6;height: 25px;padding: 4px 10px 0;text-align: left; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px;}
.content{ width:auto; }

我已经在Opera、FF、Chrome和IE9（IE9+只支持border radius CSS3）上进行了测试，希望能有所帮助

.borderRadius {border:1px solid #dadada; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; }
.header { background: none repeat scroll 0 0 #F5F7F6;height: 25px;padding: 4px 10px 0;text-align: left; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px;}
.content{ width:auto; }