相鄰的div層margin 負值被覆蓋引起的層級(z-index)問題

http://html6.no1.jxjlkj.com/WebApp/css/10276.html

相鄰的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;//加這條樣式

}