width - 为什么宽度不覆盖最大宽度

Question

如果我有以下代码

<div></div>

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

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

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

score 7 · Accepted Answer

因为max-width优先级高于width. 它的作用是防止width一个元素从某些边界增加。如果要width覆盖，请max-width删除max-width.

1 回答 1