在css中使用页边距后，如何使用完整的背景图片

<style>
    .box {
        margin: 20px;
        position: relative; /* 需要给元素设置相对定位 */
        overflow: hidden; /* 需要限制内容溢出 */
    }

    .box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('背景图片地址');
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1; /* 保证伪元素在内容之后 */
    }
</style>

<div class="box">
    <!-- 元素内容 -->
</div>