Html div容器'；s backgorund颜色不'；t涵盖所有div内容

我希望所有文本“测试文本”都用绿色覆盖。 现在只有顶部是绿色的。 这是我的密码：

.circle{
背景：#00ff00；
宽度：10px；
高度：10px；
边界半径：50%；
}

---

只需移除高度：10px来自

。圈出
类


.circle{
背景：#00ff00；
宽度：10px；
边界半径：50%；
}
您在圆圈上设置了10px的高度，
.circle
div包含文本。具有bgColor的父div将具有其子级的高度。所以它只能覆盖10px。文本溢出，因为这是默认行为

因此，一个简单的解决方案是从圆中删除
高度：10px
。或者更改HTML结构并单独包含文本，而不是在
.circle
div中


.circle{
背景：#00ff00；
宽度：10px；
边界半径：50%；
}


为什么圆类的
宽度
和
高度
？