我的HTML和CSS不能像我所希望的那样工作

我正在学习HTML并试图建立自己的网站，但我找不到我的标签发生了什么，它出现在网站底部，即使我告诉CSS不要这样做。 这个位置是“相对的”，但它出现在他父母的边界之外

@charset“UTF-8”；
身体{
背景色：rgba（20,20,20,0.9）；
}
div#接口{
位置：绝对位置；
宽度：88%；
身高：100%；
保证金：-20px自动0px 50px；
填充：15px；
背景色：#678fd2；
}
标题{
宽度：100%；
高度：129px；
}
/*ajust输入电子邮件*/
标题表{
位置：相对位置；
利润率：20px 50%自动700px；
背景色：白色；
宽度：350px；
高度：20px；
}

s

问题在于HTML和身高，我在CSS中对这两个高度都做了100%的调整，效果很好。我在这里找到了答案：

绝对定位将元素从dom的正常结构中移除。它不能再包含其元素。将div#接口设置为相对位置。@RickCalder是的，我试过了，但在最底部继续，而且，div#接口减少到一个小正方形，而不是整个页面。我能够解决这个问题，只是图像边距太大，但我的接口仍然像一个小正方形。我做到了，这是帮助我的链接！！谢谢你的帮助@马库斯·里戈纳蒂，如果你的问题解决了，你可以发布一个你赢的问题的答案并接受它！