<div class=banner-bg>为什么不是包含title

请大家帮帮忙，分析一下一下两种结构：

1.

<div class=banner-bg></div>

<div class=banner-text>

    <div class=banner-logo></div>

    <div class=banner-title></div>

</div>

2.

<div class=banner-bg>

    <div class=banner-logo></div>

    <div class=banner-title></div>

</div>

为什么老师会采取第一种结构而不是第二种？我认为.banner-bg是把banner里面所有的东西都保存起来的，所以我选择把所有的东西用<div class=banner-bg></div>包裹起来。