CSS填充与版图的边距与父母与子女的背景

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

是的，最好的解决方案是将填充添加到子对象中... 或者将背景颜色添加到父对象 ...