В чем разница между CSS fit-content и max-content? ⇐ CSS

[Anonymous]

Я следую этой статье https://css-tricks.com/almanac/properties/w/width/, чтобы попытаться понять, как работают эти правила.
У меня есть этот пример:

Код: Выделить всё

* {
margin:0;
padding:0;
}
.box {
background: lightgreen;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

Код: Выделить всё

[img]https://tyrannyoftradition.files.wordpress.com/2012/05/cutest-kitten-hat-ever-13727-1238540322-17.jpg[/img]
Yes, put some text here that is wider than the image above to try some new rules

В статье говорится, что fit-content можно использовать для центрирования div неизвестной ширины с помощью поля: x auto;
Но если вы измените fit-content на max-content в этом примере, это все равно работает, и они, похоже, всегда ведут себя одинаково.
Кто-нибудь знает, что такое разница между этими двумя правилами и в каких случаях мне следует использовать одно или другое?

Подробнее здесь: https://stackoverflow.com/questions/307 ... ax-content