Html 在包含页脚的div上使用背景色无法正常工作

我正在尝试设置页脚/包含页脚的div的背景色。然而，通过尝试不同的方法，我只能得到这样的结果：紫色是div，黄色是id标签的页脚。这是通过使用以下代码调用外部css文件来完成的：

footer{}
页脚李{
显示：内联；
背景色：#9400D3；
}
页脚导航李{
背景色：#9400D3；
字号：20pt；
颜色：继承；
文字装饰：无；
}
页脚导航李a{
背景色：#9400D3；
颜色：rgb（255、255、255）；
}
页脚p{
背景色：#9400D3；
字号：20pt；
}
#页脚{
背景颜色：黄色；
位置：绝对位置；
底部：0；
宽度：100%；
高度：1.5雷姆；
}
#页脚div{
高度：50px；
溢出：隐藏；
背景色：#9400D3；
}

Disclamer：这个网站上使用的图片都不是我的

版权所有：具名人士2019

footer中缺少黄色？我觉得#footer的位置不正确，为什么使用position:absolute？删除定义的显式高度