vue-cli新建项目后,顶部空白问题解决及body高度理解
程序员文章站
2022-03-29 20:17:46
vue-cli新建项目后,顶部空白问题解决一般的说法是app.vue有60px的外边距,这个很好发现和解决,然而在注释掉这行后,顶部仍有空白,效果类似于整个div往下移。查阅大量博客后,发现该博客.有类似问题,其中最新的回答完美解决了我的问题,我在做测试的时候正是用h1做的测试,h1上方有空隙,会造成留白,而且在进一步的试验中,发现在float布局中才会出现这个问题。单纯的用div就好了,别玩骚的。body高度理解出现了body高度为零的情况,虽然不影响显示,但是很硌应。该博客.很好的做出了解释...
vue-cli新建项目后,顶部空白问题解决
一般的说法是app.vue有60px的外边距,这个很好发现和解决,然而在注释掉这行后,顶部仍有空白,效果类似于整个div往下移。查阅大量博客后,发现该博客.有类似问题,其中最新的回答
完美解决了我的问题,我在做测试的时候正是用h1做的测试,h1上方有空隙,会造成留白,而且在进一步的试验中,发现在float布局中才会出现这个问题。单纯的用div就好了,别玩骚的。
顺便还发现,body周围还有8px的margin,见鬼的很,需要的话可以删除。
body高度理解
出现了body高度为零的情况,虽然不影响显示,但是很硌应。
该博客.很好的做出了解释,并解决了问题。
本文地址:https://blog.csdn.net/weixin_43146245/article/details/107394542