为什么宽度不能覆盖最大宽度？

Question

6

如果我有以下代码

<div></div>

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

结果是一个宽度为20像素的div。（即使我将！important添加到宽度值中） FIDDLE 为什么宽度属性在这里不能覆盖max-width？

- Danield

不会的。你想要实现什么？？ - Abhishek Jain

1

我知道它不会，但我想知道为什么。这个规定在哪里可以找到？ - Danield

1

请参考此链接：http://reference.sitepoint.com/css/max-width - Abhishek Jain

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zaheer Ahmed · Accepted Answer

因为max-width比width的优先级更高。它的作用是防止元素的width超出某些边界。如果你想使width覆盖max-width，就去掉max-width。