Javascript HTML对象未以正确的格式显示。。。点菜？

$（'.输入链接'）。单击（函数（）{
$（this.parent（“#splashscreen”）.fadeOut（500）；
});
#飞溅屏幕{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
最小高度：100%；
身高：100%；
宽度：100%；
背景色：白色；
}
#防溅屏a，h2{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
}

你好
我们的网站很酷
同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学学识益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智
之所以出现这种情况，是因为您已将这两个元素定位在同一位置，但默认情况下，
h2
元素具有相当多的上下边距，因此边距使它看起来像
h2
的下边距。事实上并非如此，因为您的规则再次将两个元素放在同一位置

有无数种方法可以解决它。例如，您可以从
h2
中删除上边距，并将其添加到
a
：

#splashscreen a {
  margin-top: 1em;
}

#splashscreen h2 {
  margin-top: 0;
}

例如：


$（'.输入链接'）。单击（函数（）{
$（this.parent（“#splashscreen”）.fadeOut（500）；
});
#飞溅屏幕{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
最小高度：100%；
身高：100%；
宽度：100%；
背景色：白色；
}
#splashscreen a，
氢{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
}
#溅屏a{
边缘顶部：1米；
}
#飞溅屏h2{
边际上限：0；
}

你好
我们的网站很酷
学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学
学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学
益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智
之所以出现这种情况，是因为您已将这两个元素定位在同一位置，但默认情况下，
h2
元素具有相当多的上下边距，因此边距使它看起来像
h2
的下边距。事实上并非如此，因为您的规则再次将两个元素放在同一位置

有无数种方法可以解决它。例如，您可以从
h2
中删除上边距，并将其添加到
a
：

#splashscreen a {
  margin-top: 1em;
}

#splashscreen h2 {
  margin-top: 0;
}

例如：


$（'.输入链接'）。单击（函数（）{
$（this.parent（“#splashscreen”）.fadeOut（500）；
});
#飞溅屏幕{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
最小高度：100%；
身高：100%；
宽度：100%；
背景色：白色；
}
#splashscreen a，
氢{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
}
#溅屏a{
边缘顶部：1米；
}
#飞溅屏h2{
边际上限：0；
}

你好
我们的网站很酷
学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学
学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学理学
益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智
两个元素都位于页面的中心，但由于位置固定，它们重叠。如果您检查h2元素（按F12键查看开发工具），您将看到它有一个上下边距。
这个不可见的距离基本上推动了它的链接（它集中在页面的中间，但比你看到的大）
如果你加上

h2{
    margin: 0;
}

您将注意到这两个元素重叠

我强烈建议重做代码，避免固定位置。暂时不要使用这种类型的值

您需要的一种简单的代码形式是：


$（'.输入链接'）。单击（函数（）{
$（this.parent（“#splashscreen”）.fadeOut（500）；
});
#飞溅屏幕{
背景色：白色；
颜色：黑色；
文本对齐：居中；
位置：固定；
z指数：100；
排名：0；
底部：0；
左：0；
右：0；
}
#飞溅屏h2{
利润率最高：10%；
}

你好
我们的网站很酷
学识益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智