Vue.js 2 - 从 body 标签中删除初始边距

Question

如果这是一个愚蠢的问题，我很抱歉，我对 Vue 还是很陌生。我创建了一个 Vue（使用命令vue init webpack <project-name>）项目并开始添加组件，其中第一个是导航栏。但是后来我注意到 body 标签margin: 8px默认情况下会导致我的页面和浏览器之间始终有一个 8px 的空白区域。我一生都无法弄清楚如何摆脱这个边距，我尝试使用以下 css：

* { margin: 0 !important; }

和

body { margin: 0 !important; }

我试图将它直接添加到根 index.html 的样式标签和我所有组件的样式标签中，但根本无法摆脱它。

Answer 1

看来我是个白痴。当我*{}在我的索引中制定规则时，!important直到我开始写我的问题时，我才真正包括在内，当时我不记得!important分号是在分号之前还是之后。所以在我用文本编辑器写完之后，复制到我的问题然后继续我，出于某种原因，我保存了我的索引，你知道什么？有效。

所以总而言之，* { margin: 0 !important; }在 index.html 头部中的样式标签会起作用。

Answer 2

在index.html中为body元素添加样式

<style> body { margin: 0 !important; } </style>

例子