为什么页面上没有div元素？

我仅使用html和ccs制作了一个简单的页面，它包含两个未在页面上呈现的彩色div块：页面上应该出现黄色和绿色的div，而应显示空白页面。我检查了错误-浏览器未显示任何错误。

HTML：

CSS：

.field {
 background-color:yellow; 
}

.key {
 background-color: green;
}

它们都在同一个文件夹中，包含html和css的文件的名称是index.html 和styles.css。

添加一些padding或content

.field {
 background-color:yellow; 
 padding:20px;
}

.key {
 background-color: green;
 padding:20px;
}

test
test