宽度100%将拉伸到父项的整个宽度
fit-content将使它的宽度与它的孩子一样宽
https://css-tricks.com/almanac/properties/w/width/

最好的理解是尝试一下。。

<style>
    .parent {
        background-color: red;
        width: 500px;
    }
    .child-fit {
        background-color: blue;
        width: fit-content;
    }
    .child-100 {
        background-color: yellow;
        width: 100%;
    }
</style>

<div class="parent">
    <div class="child-fit">
        <p>FIT CONTENT</p>
    </div>
    <div class="child-100">
        <p>100%</p>
    </div>
</div>