width - 幅が max-width をオーバーライドしないのはなぜですか

Question

次のコードがある場合

<div></div>

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

結果は、幅 20px の div です。!important（幅の値を追加しても）

フィドル

ここで width プロパティが max-width をオーバーライドしないのはなぜですか?