CSS填充vs页边距为父母与孩子背景的边距

Question

我完全理解容器模型，但我想知道当前案例中的最佳做法。

这里是网站http://dev.permi.co/ - 基于_s wordpress主题。

这里是HTML的一部分：

<div class='content-area'> 
    <div class='entry-header'> 
    <h1 class='entry-title'> 
    </div> 
</div> 

这里是目前实行的利润率/填充：

.content-area {padding:10px;} 
h1.entry-title {background-color:#111111;} 

我只有在父DIV填充。这样，我只需要添加一次填充，这看起来是正确的，我可以找到：CSS, nested divs & margins vs. padding

但是，他们提到的背景，你应该也许应该使用填充各个元素。

我确实希望围绕背景颜色进行填充，所以颜色不会一直延伸。

但是，我还需要在H1内部填充，所以它不是在旁边的排水沟。

我需要删除父填充，并添加填充到所有子元素？然后为这个H1添加一个保证金？

如果是这样，是否有任何性能或兼容性问题？我对CSS很新，我更偏向于开发。

Answer 1

是，最好的解决办法是将填充添加到子对象 ... 或者添加背景色到父对象 ...