如何将彩色框延伸到边缘

Question

.output-container {
            background: #333;
            color: #fff;
            padding: 1rem 1;
            width: 100%;
            top: 0;
            z-index: 1000;
            text-align: center;
        }

该类刚刚添加到中，但是我希望文本后面的灰色部分延伸到屏幕边缘，但我不能只增加宽度值，因为文本和框相互连接，因此这样做会增加宽度值文本向右移动了多远。

我尝试增加类中的宽度值，但这只会导致文本和背景都扩展到右侧，导致文本显示不正确，而灰色背景的左侧未移动。

Answer 1

尝试调整 margin-left 和 margin-right 值。