【问题标题】: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】:

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

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

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

【讨论】: