我的主要容器div上方的差距

Question

我已经整理了一个非常简单的网络应用程序。我无法弄清楚如何摆脱最小的媒体查询中的顶级差距，尽管已经尝试了各种方法＆amp;在线阅读其他一些问题和教程。

Here是该应用的链接。非常感谢任何其他提示。样式表有点杂乱，我会经历并清理它，但我仍然在学习曲线上足够早，我将吃掉任何＆amp;一切都有帮助提前谢谢。

Answer 1

删除h1的上边距

h1 { margin-top: 0 }

Answer 2

不确定你在谈论什么差距，但似乎你没有重置默认浏览器margin所以在你的样式表中使用它 - 第29行

h1 {
   margin: 0;
}

您已使用*选择器，因此不要在margin: 0;上使用padding: 0;和body，而是在*上使用它而不是..

Answer 3

#calcPanel h1 {
padding: 8%;
margin-top: 0;
}

Answer 4

您必须从div中删除margin-top。

#calcPanel {
   width: 38%;
   height: 95vh;
   margin-left: 8%;
   margin-top: 1vh;    /* replace this with     margin-top: 0px; */
   float: left;
}