Was ist der Unterschied zwischen CSS fit-content und max-content? ⇐ CSS

[Anonymous]

Ich folge diesem Artikel https://css-tricks.com/almanac/properties/w/width/, um zu verstehen, wie diese Regeln funktionieren.
Ich habe dieses Beispiel:

Code: Select all

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

Code: Select all

[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

Der Artikel besagt, dass fit-content verwendet werden kann, um ein Div unbekannter Breite mit margin: x auto; zu zentrieren.
Aber wenn Sie fit-content in max-content in diesem Beispiel ändern, funktioniert dies trotzdem und sie scheinen sich immer auf die gleiche Weise zu verhalten.
Weiß jemand, was das ist? Gibt es einen Unterschied zwischen diesen beiden Regeln und in welchen Fällen sollte ich die eine oder die andere verwenden?