0

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

这是该应用程序的链接。非常感谢任何其他提示。样式表有点随意，我会仔细检查并清理它，但我在学习曲线上仍然足够早，我会吃掉任何和所有的帮助。提前致谢。

4

4 回答 4

2

删除 h1 的上边距

h1 { margin-top: 0 }
于 2013-11-14T06:52:30.587 回答
1 
#calcPanel h1 {
padding: 8%;
margin-top: 0;
}
于 2013-11-14T07:05:17.703 回答
1

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

h1 {
   margin: 0;
}

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

于 2013-11-14T06:51:34.537 回答
0

你必须margin-top从你的 div 中删除。

#calcPanel {
   width: 38%;
   height: 95vh;
   margin-left: 8%;
   margin-top: 1vh;    /* replace this with     margin-top: 0px; */
   float: left;
}
于 2013-11-14T08:02:50.523 回答