将边距应用于居中的<div>

Question

今天，我正尝试使用以下代码在另一个div下创建一个表单（在本例中为类.second-div的div）：

.first-div
{
  width: 25%;
  height: 100px;
  float: right;
  position: relative;
  background-color: blue;
  margin-top: 2.5em;
  margin-right: 2em;
}

.second-div
{
  width: 80%;
  height: 100px;
  margin: 60px auto 60px auto;
  position: relative;
  background-color: red;
  clear: both;
}

<div class="first-div"></div>
<div class="second-div"></div>

我的问题是，为什么这个CSS不能将margin-top应用于.second-div，并且这两个div都绑在一起了？对我来说甚至更奇怪的是，当我在.first-div上使用margin-bottom时，它可以按照我的意愿工作。有人可以向我解释吗？