极客观点
项目管理
HarmonyOS
如图所示。就是使用Vue-cli新建模板后，删除掉hello哪个 直接新建一行div后有一片空白。
在style中加入了
html, body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px; }html,body {
margin: 0; padding: 0; }
也都尝试加了 没有反应。。。
Vue新建项目后，顶部始终有空白。
阅读 16.5k
新手上路，请多包涵
今天也遇到了这个问题，先是再网上找，没找到，后来自己 F12 研究了下，发现，body标签和html有间隔，于是尝试将body标签设置成 margin: 0; 即可，方法很多可以通过js改，也可以直接将 /public/index.html 中的<body>标签加个样式：
<body style="margin: 0;">
<div id="app"></div>
</body>
你先开启右键调试看看这个地方的样式，然后再去检查你的app.vue里面style里面的样式，因为我印象里记得style有个scope属性表示局部的CSS，你可以检查一下上面几位哥们说的，看看问题到底出在哪里。
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢9 回答1.7k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能 双页排版 即用户输入的内容超过了一张A4纸的高度 则自动分页 将内容自动分割成两页 按照 左 右 左 右的方式排版 问题的难点在于 word的内容是不固定的 标题 table 图片 等等都有可能 而且要加入交互逻辑 比如弹出时间选择器 弹出输入框等等 目前外观是出来了 直接v-for渲染page页 但是接下...6 回答1.5k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答901 阅读✓ 已解决
为什么 el-tabl操作列加了 fixed="right"之后 列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码3 回答1.4k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.3k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答928 阅读✓ 已解决
如何在Vue组件中正确请求视频数据并显示？
<script>import { getVideoUrl } from '@/api/video'export default {3 回答1.1k 阅读
刚刚也出现这个问题，搜索发现了这个很久远的提问。
F12发现css边距都已经去掉了，结果上面还是有白边，但是移除路由页面的内容，白边就没了。
想来想去，发现是页面中第一个元素是个h1，它的边距自动将父元素顶开了一段，所以才会出现白边。
所以对h1-h6设置下默认样式就解决了。