使用margin-top时的空白区域

Question

我的代码在这里用html和css

当我添加margin-top时，我得到了空格

https://jsfiddle.net/xq9yamxg/

当我尝试首先降低div类时，我得到了空白区域。

你能帮我解决这个问题吗？

提前致谢

埃尔萨

Answer 1

摆脱身体元素的边缘。

body元素的默认边距为8px。

body{
  margin:0;
}

JSFiddle

Answer 2

您可以向.main div或.first添加填充。

以下是一个示例：https://jsfiddle.net/xq9yamxg/1/