为什么宽度不覆盖最大宽度答案

【问题标题】：Why doesn't width override max-width为什么宽度不覆盖最大宽度
【发布时间】：2013-07-29 14:15:32
【问题描述】：

如果我有以下代码

<div></div>

div
{
    background: pink;
    height: 100px;
    max-width: 20px;
    width: 200px;    
}

结果是一个宽度为 20px 的 div。（即使我将!important 添加到宽度值）

为什么这里的width属性不覆盖max-width？

【问题讨论】：

标签： width css

【解决方案1】：

因为max-width 的优先级高于width。它的作用是防止一个元素的width从一定的边界增加。如果您希望width 覆盖max-width，则删除max-width。

【讨论】：