span的定位

.box span { 

  display: block;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  position: absolute;

  background: #fff;

  top: 50%;

  left:50%;

  margin: -5px 0  0 -5px;

  z-index:1;

}

这里不是可以直接通过absolute绝对定位设置span位于box的中心位置吗？为啥要绝对定位和margin属性同时用？