Javascript 角度材质布局与我的原始CSS冲突

我刚开始学习棱角材料。问题是，在我加入Angular Material脚本之后，我原来的CSS就变得一团糟了。无论我设置了什么值，

页边距顶部

都不起作用

有人能帮我吗

我的登录表单CSS如下所示：

#login {
width: 300px;
height: 240px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
background: #EEEEEF;
padding: 30px 30px 0px 30px;
}

---

页边距顶部

与角材质冲突。我该如何解决这个问题呢？

给它一个位置：绝对

---

还是我完全没有抓住要点..键入以通过最小值

尝试保持页边空白顶部的重要性：100px！重要的；

---

如果没有解决，请尝试保留您的代码，以便我们可以帮助您

您可以放置一个url或尝试代码片段，以便我可以测试它吗？我能想到的唯一原因是来自angular material的CSS比您的CSS高。您是否尝试过使用` margin top:100px！重要；`按照你的风格。@DanielAbraham不要教坏习惯：）使用它几乎不是一个好主意！重要的。这是角材料创造者的糟糕工程。它强迫用户添加他们自己的！重要的修饰符来覆盖它，它限制了通过JavaScript覆盖它的选项。但是，如果有时不得不这样做，知道如何覆盖它是很有用的@坦美