CSS

Question

我想在我的网站上放置一些 tuto 模态，所以我将它们放在 position:fixed 中并希望它们位于顶部和左侧属性我给 ..

似乎顶部属性在我的检查器中自动更改为 top:10% ... 为什么？ :/

Answer 1

因为 top: 10%; 被注入作为 #test 元素的内联样式，因此有一个 "higher rank" 因为它是最后一个链中的样式定义：

ghpages-materialize.css→内部<style>→内联style=".."

但是，您可以使用 !important 否决内联样式：

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

CSS - Materializecss - 模态顶部属性自动覆盖