一个简单的css,缺困扰了我很久，求大家帮忙解释一下

css的代码是这个
.a{
width:950px;
height:500px;
background:#aabbcc;
}

.b{
width:240px;
height:200px;
background:#ff0000;
margin-left:15px;
margin-top:125px;
}
html的代码是这个
<div class="a">
<div class="b"></div>
</div>


问题是，用了margin-left后，b盒子距离a盒子左侧有5px的外边距
但是用了margin-top后，2个盒子都同时向上出现125px的外边据，这是为什么呢？
我的问题是，为什么上边距加上去后，对ab2个盒子都产生了作用，而只加左边距，那么就只对b盒子产生了作用。