Css 将“宽度”替换为“最大宽度”

我有一个包含6列的动态菜单（php），这意味着我不能仅仅更改html

我有：

.col-sw-6 {
    width: 16.6666%;
}

我需要将

width

替换为

max width

。我已经试过了：

.main-menu .col-sw-6 {
    width: 16.6666%;
    max-width: 100% !important;
}

---

但它不起作用。如果可能的话，您知道如何只使用CSS吗？

这个

.col-sw-6

类包含一个宽度设置定义。如果要覆盖该类，请从div标记中删除该类。

该

.col-sw-6

类包含宽度设置定义。如果您想覆盖它，请从div标记中删除该类。

在我看来，整个问题是您不应该仅在css中更改它

您只是做错了，第一个指标是您试图将宽度设置为6列宽的元素设置为不同的值

实际上，您应该根据PHP输出更改类名， 因此，当PHP返回3个项目时，应该有col-md-4，当输出为4个项目时，应该是col-md-3，以此类推

这样，您就不需要： 1.与一些愚蠢的css规则作斗争 2.覆盖网格系统（这通常是错误的想法）

因此，不要只在css中处理宽度，而是更新代码，根据导航项的数量使用正确的类名更改html表示，然后每个类都将具有正确的css宽度设置

如果您总是有6列，是什么让您需要更改宽度？

---

如果没有，（我假设你提到了它的动态性），那么我写的是有意义的。

我认为整个问题是，你不应该只在css中更改它

您只是做错了，第一个指标是您试图将宽度设置为6列宽的元素设置为不同的值

实际上，您应该根据PHP输出更改类名， 因此，当PHP返回3个项目时，应该有col-md-4，当输出为4个项目时，应该是col-md-3，以此类推

这样，您就不需要： 1.与一些愚蠢的css规则作斗争 2.覆盖网格系统（这通常是错误的想法）

因此，不要只在css中处理宽度，而是更新代码，根据导航项的数量使用正确的类名更改html表示，然后每个类都将具有正确的css宽度设置

如果您总是有6列，是什么让您需要更改宽度？

---

如果没有，（我假设你提到了它的动态性），那么我写的是有意义的。

你的html是什么？为什么你需要用最大宽度替换宽度？这是一个带有巨大“超大菜单”的Magento网站。问题是这些专栏看起来太拥挤了。我刚刚在菜单的某个地方找到了一个固定宽度的div，所以我应用了width:100%，它成功了。你的html是什么？为什么你需要用max width替换width？这是一个带有巨大“巨型菜单”的Magento网站。问题是这些专栏看起来太拥挤了。我只是在菜单的某个地方找到了一个固定宽度的div，所以我应用了宽度：100%，它成功了。