相邻的div层margin 负值被覆盖引起的层级(z-index)问题

相邻的div层margin 负值被覆盖引起的层级(z-index)问题：

描述：

需求：A和B层，B层margin-top:-50px;

目的：B层隐藏50px与A层下

<div class="A"></div>

<div class="B"></div>

出现问题：B层覆盖A层上50px，而不是隐藏在A层下；

解决办法：

第一种：.B{

1. position: relative;//加这条样式

}

第二种：.B{

1. display: inline-block;//加这条样式

}