max-width为什么可以避免出现水平滚动条

今天学习到了max-width可以让浏览器在缩的很小的时候也能避免出现滚动条。
但是并不明白其中的原理。还有max-width的值的大小跟什么有关？
求解答～～～

---

max-width设置最大宽度，不过当max-width设置为大于浏览器宽度的时候还是会出现滚动条的，这个是在width设置为百分比的时候才有作用