Html 停止潜水器互相移动

我有两个div，我想把它们放在一起，但是它们一直在相互移动。他们都在主要部门之下

HTML:

社会的 不正确的细节。

记得我吗

CSS如下所示：

两个部门所属的主体：

#main {
    padding-top: 50px;
}

表格组：

#signin {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
    margin: auto;
    margin-top: 150px;
}

错误分区：

#notif {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
    height: 20px;
    margin: auto;
    margin-top: 140px;
}

我知道这可能与position属性有关

这是一张它现在看起来的图像，正如你所看到的，我希望两个中心对象靠近在一起，而不会将彼此推离垂直中心

---

从signin div中删除边距顶部-因为这是在notif div和signin div之间放置像素的原因

主要{ 填充顶部：50px； } 签名{ 垫面：5px； 垫底：5px； 宽度：400px； 保证金：自动； } 诺蒂夫{ 垫面：5px； 垫底：5px； 宽度：400px； 高度：20px； 保证金：自动； 边缘顶部：140px； } 社会的 不正确的细节。

记得我吗

---

从notif上取下页边距顶部？如果没有，请提供一个工作演示，复制您的HTML的问题以及请。一个完整的代码示例总是很有用的。只需将notif div移到顶部，但notif和signin div之间的间隙仍然存在…@Thug\u Life\u Imti:然后将其从signin div上取下。但是，我们在黑暗中刺穿，没有任何标记，看看这些id指的是什么to@j08691添加了html..是的，但现在的问题是，当错误div不存在时，表单div会直接向上移动到顶部。我希望登录表单div的边距与顶部页眉相对，如何做到这一点？