html - 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 的 head in style 标签和我所有组件的 style 标签中，但就是无法摆脱它。

Answer 1

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

所以总而言之，* { margin: 0 !important; 在 index.html 头部的样式标签中可以解决问题。