使用视口大小删除容器周围的白色边框

Question

我现在想摆脱这个问题，整个网站周围都有白色边框。我在网上进行了查找，发现有几个消息来源都说要设置margin: 0;，但是当我这样做时，它并没有消除白色边框。我怀疑这与使用视图宽度和视图高度而不是像素或百分比有关，因此如何在不更改视口大小的情况下更改宽度和高度的情况下删除白色边框？

.container {
    width: 100vw;
    height: 100vh;
    background: purple;
    margin: 0;
}

<div class="container">
</div>

Answer 1

您必须将margin: 0属性设置在body而不是div容器上，希望对您有所帮助

body {
    margin: 0;
}

.container {
    width: 100vw;
    height: 100vh;
    background: purple;
}

<div class="container">
</div>

Answer 2

* {margin: 0; padding: 0}

我建议检查基本的通用CSS样板