Question

如果我有以下代码

<div></div>

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

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

为什么width属性不会覆盖max-width？

Answer 1

因为max-width的优先级高于width。它的功能是防止元素的width从某些边界增加。如果您希望width覆盖max-width，请删除max-width。