div宽度被忽略

Question

我试图以编程方式在某些div中添加一系列按钮。

以下是code：

为什么忽略width: 110px？

Answer 1

按钮的宽度为110px，但放置在宽度为8.3333％的div中。这来自.s1类。删除该类会根据需要显示宽度为110px的每个按钮。

.row .col.s1 {
    /* width: 8.3333333333%; */
    margin-left: auto;
    left: auto;
    right: auto;
}

Answer 2

包含 materialize.min.css 的样式表有一个 .col.s1 类 宽度 8.3333 ...％。您需要在css中重写此内容

div.col.x {
    width: 110px !important;
}

除非必要，否则我通常不喜欢使用！重要但没有更多的代码可以查看，这可以做到。