Html 如何在框中插入页脚

我是新来的，我正在努力学习，但我有一个小问题要问你们大家。如何在框内插入页脚？每次我插入一个新的页脚时，都会越过导航或跳出框。 以下是CSS代码：

#边框{
宽度：600px；
高度：550px；
边框：7px插图#09223B；
边界半径：0px 40px 40px 40px；
背景#6969；
}
身体{
背景：
网址（wp.jpg）
}
托普纳夫先生{
背景色：#333；
溢出：隐藏；
边界半径：0px28px0px0px；
}
.topnav a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav a.active{
背景色：#09223B；
颜色：白色；
边界半径：0px 0px 0px 0px；
}

我添加了两个

页眉（.topnav）

来制作

页脚（.bottomnav）

。在

#border

选择器中使用

flex

规则

有必要吗

正文{
背景：
网址（wp.jpg）
}
#边界{
宽度：600px；
高度：550px；
边框：7px插图#09223B；
边界半径：0px 40px 40px 40px；
背景#6969；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
托普纳夫先生{
背景色：#333；
溢出：隐藏；
边界半径：0px 32px 0px 0px；
}
.topnav a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav a.active{
背景色：#09223B；
颜色：白色；
边界半径：0px 0px 0px 0px；
}
/*加*/
.底部导航{
背景色：#333；
溢出：隐藏；
边界半径：0px 0px 32px 32px；
}
.NAV p{
颜色：白色；
文本对齐：居中；
字号：17px；
}
/*---*/

保留所有权利

hi。在这里插入你的html，请

HG

我可能解释错了，我需要在页脚写上“保留所有权利”。我已经编辑了CSS文件，但页脚显示在边框上方。为什么？我已经更新了答案。有必要吗？如果它再次出错，请向我显示所需结果的屏幕截图和问题的屏幕截图。我会根据你的需要来做。太好了，现在可以了，非常感谢。您能告诉我您在CSS代码中更改了什么吗？我在CSS中标记了我添加的规则，并做了一个注释-

/*add*/…/*-*/

。另外，我将此代码添加到html结构中-

版权所有

。我给了您答案。如果我的答案对你有帮助，那么勾选我答案左边的方框，将其标记为已解决。谢谢