使用视口大小删除容器周围的白色边框[重复]答案

【问题标题】：remove white border around container using viewport size [duplicate]使用视口大小删除容器周围的白色边框[重复]
【发布时间】：2019-07-21 13:46:31
【问题描述】：

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

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

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

【问题讨论】：

你要向什么添加边距属性？我用你的代码创建了一个codepen并添加了margin:0，它删除了白色边框。使用 * 选择器定位页面上的所有内容 codepen.io/anon/pen/xBGyxV

标签： html css

【解决方案1】：

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

body {
    margin: 0;
}

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

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

【讨论】：

【解决方案2】：

* {margin: 0; padding: 0}

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

【讨论】：