div 宽度被忽略答案

【问题标题】：div Width is being ignoreddiv 宽度被忽略
【发布时间】：2016-09-01 00:49:38
【问题描述】：

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

这里是code：

为什么width: 110px 被忽略了？

【问题讨论】：

请发布您的 html 以及可能的问题的现场示例
对不起，我忘记了图片。（已编辑）
您可能有另一种样式覆盖了 div 的宽度。这可能是一个更具体的选择器（如 ID 选择器），或者是层次结构中较高的相同选择器，或者是内联样式。您可以发布您拥有的任何其他 HTML 或 CSS 吗？
朋友，我们真的需要看一些代码。页面图像无济于事。也许使用codepen.io？？或者只是在这里插入一些 html。 div 不采用宽度的唯一原因是它显示为inline，或者您的选择器不正确，或者它被更具体的选择器覆盖。我们需要html和css才能看到...
对不起，我添加更多信息。

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

包含的样式表 materialize.min.css 有一个类 .col.s1 宽度为 8.3333...%。您将需要在您的 css 中覆盖它

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

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

【讨论】：