为什么我的html页面中的徽标和部门之间存在不必要的间距

Question

我想知道如何删除徽标和部门之间的巨大间距

这是我的HTML代码：

＆＃13;

＆＃13;

<main class="site-main page-main">
    <center><img src="img/corelogo.png" alt="Post" height="180" width="180" style="position: relative; top: -210px;"></center>
    <center>
    <div style="font-family: Questrial; font-size:40px;">Government Files Download</div><br>

＆＃13;

＆＃13;

＆＃13;

网站照片

网站的CSS

Answer 1

在您的CSS中，您使用图片属性将其置于顶部此空间是由于在减号

中设置了顶部属性

InvalidArgumentError

您希望将徽标放在导航栏的顶部，以便将此属性设置为导航

position: relative;
top: -210px;

并且对于徽标使用此属性

position: relative;

然后设置要设置的顶部和左侧属性以及您想要调整徽标的位置