欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue-cli新建项目后,顶部空白问题解决及body高度理解

程序员文章站 2022-07-02 21:48:57
vue-cli新建项目后,顶部空白问题解决一般的说法是app.vue有60px的外边距,这个很好发现和解决,然而在注释掉这行后,顶部仍有空白,效果类似于整个div往下移。查阅大量博客后,发现该博客.有类似问题,其中最新的回答完美解决了我的问题,我在做测试的时候正是用h1做的测试,h1上方有空隙,会造成留白,而且在进一步的试验中,发现在float布局中才会出现这个问题。单纯的用div就好了,别玩骚的。body高度理解出现了body高度为零的情况,虽然不影响显示,但是很硌应。该博客.很好的做出了解释...

vue-cli新建项目后,顶部空白问题解决

一般的说法是app.vue有60px的外边距,这个很好发现和解决,然而在注释掉这行后,顶部仍有空白,效果类似于整个div往下移。查阅大量博客后,发现该博客.有类似问题,其中最新的回答
vue-cli新建项目后,顶部空白问题解决及body高度理解
完美解决了我的问题,我在做测试的时候正是用h1做的测试,h1上方有空隙,会造成留白,而且在进一步的试验中,发现在float布局中才会出现这个问题。单纯的用div就好了,别玩骚的。
顺便还发现,body周围还有8px的margin,见鬼的很,需要的话可以删除。

body高度理解

出现了body高度为零的情况,虽然不影响显示,但是很硌应。
该博客.很好的做出了解释,并解决了问题。

本文地址:https://blog.csdn.net/weixin_43146245/article/details/107394542

相关标签: 前端菜鸡学习