在nuxt.js中使用width：100vw时，会有多余的空白

Question

我正在nuxt.js中构建组件横幅。

我尝试了很多方法来解决此问题，但仍未解决，我尝试在RestTemplate和isJsonBased()标签中添加margin:0;和padding:0;，但是白色的空间仍然存在。我在本主题中尝试了关于using-100vw-and-vh-creates-extra-space-beyond-viewport-size-how-do-i-get-rid-of的另一种解决方案，但是当我尝试它时，结果仍然是相同的。我也尝试过有关100vw-causing-horizontal-overflow-but-only-if-more-than-one的话题，但是没有运气。

这是我的横幅组件：

html

这是我的CSS：

body

有人可以救我解决这个问题吗？

这就是我现在

Answer 1

尝试添加box-sizing

<style lang="css" scoped>

*{box-sizing: border-box;}

#paham-banner-career{
    font-family: "Nunito", sans-serif;
    background-color: #3b73c5;
    width: 100vw;
    max-width: 100%;
}

#paham-banner-career .banner-container{
    margin: 100px auto;
    padding: 25px 0px;
    text-align: center;
    max-width: 1200px;
}

#paham-banner-career h2{
    color: #ffffff;
    font-size: 2.5em;
    font-weight: bold;
}
</style>