CSS - Materializecss - Modal顶层属性自动重写

Question

我试图在我的网站上放置一些tuto调制解调器，所以我将它们放在position:fixed中，并希望它们位于我给出的顶部和左边的属性上。

在我的检验员看来，顶层属性是自动更改为top:10%的。为什么?/

The JSFiddle

Answer 1

因为top: 10%;作为内联样式注入到#test元素，因此具有“更高的级别”，因为它是链中的最后一个样式定义：

材料化.→ <style> → inline style=".."

但是，您可以使用!important来推翻内联样式：

#test {
  position:fixed;
  margin:0px;
  top:400px !important;
  left:0px;
  width:400px;
  height:160px;
  border-radius:40px;
}

更新小提琴-> http://jsfiddle.net/amm85rrs/14/