javascript - 从网页的左侧和右侧删除空格（包括标题）

Question

我正在建立一个网站，并注意到当我将网页拉伸到全宽时，左侧和右侧（包括页眉和页脚）都会出现一个奇怪的空白。我不太确定如何修复它，而且我读过的教程似乎也不起作用。

有相当多的 CSS，所以我在下面列出了我认为可能导致问题的部分。如果它们看起来不错，请告诉我，以便我可以发布其他代码并调试它们:)

html {
    font-size: 62.5%;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    width: 100%;
    margin: 0px 0px;
    padding: 0px;
    color: var(--primary-text-color);
    font-family: var(--font-base);
    font-size: 1.5rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    word-break: break-word;
    background-color: var(--white-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

标签： javascripthtmlcsswhitespacemargin