HTML的整个块未接收CSS类样式

我用

class=“hero”

和CSS

.hero

来设置HTML部分的样式，但是，背景色似乎只应用于

部分中的

元素。它不适用于

标记或

---

背景色仅延伸到指定的高度。删除该选项，背景色将应用于整个英雄部分

更改此项：

.hero {
    background-color: #999;
    padding: 80px 0px;
    height: 20px; <<-- REMOVE THIS
}

---

jshiddle:

背景色仅延伸到指定的高度。删除该选项，背景色将应用于整个英雄部分

更改此项：

.hero {
    background-color: #999;
    padding: 80px 0px;
    height: 20px; <<-- REMOVE THIS
}

---

jshiddle:

高度太低<代码>20px不允许高度过低的内部内容<代码>20px不允许内部内容