こんにちは。以前からすっごい初歩的なことで気になっていることがあったのですが、以下のようなHTMLがあった場合、paddingは親要素である#layout-containerにつけるべきなのでしょうか？

それとも、#layout-containerに囲われている子要素それぞれでpaddingを指定してあげた方が良いのでしょうか？

親要素の横幅いっぱいに子要素が広がるものもあれば、親要素の外枠と少し余白をおいて子要素があるという場合においてです。

<div id="layout-container">
<h1 class="title">title</h1>
<div class="entryBody">
<p>
コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。コンテンツ。
</p>
</div>
<div class="entryFooter">
aaa
</div>

</div>

■親要素にpadding設定をし、子要素で必要に応じてネガティブマージンを使って調整したパターン
ttp://codepen.io/anon/pen/AJHKG

■子要素それぞれにpadding設定をするパターン
ttp://codepen.io/anon/pen/aGvsd

上記サンプルは簡略化したものですが、親要素の横幅いっぱいに子要素が広がるものもあれば、親要素の外枠と少し余白をおいて子要素があるというレイアウトの場合、皆様はどのように対応されていますでしょううか？

ずっと気になっていることでして、すごい初歩的な質問となって恐縮ですが教えて頂けると嬉しいです。