关于上部盒子里有图片下面盒子magin-top负值的层级问题

.box{
				width: 800px;
				box-sizing: border-box;
				margin: 50px auto 0;
				background: pink;
			}
			.imgBox{
				width: 80%;
				height: 500px;
				margin: 0 auto;
				background: green;
			}
			.imgBoximg{
				display: block;
				width: 100%;
				height: auto;
				height: 500px;
			}
			.boxc{
				width: 100%;
				height: 300px;
				background: #c00;
				margin-top: -100px;
				position: relative;
　　　　　　　　　　　　　　　　　　　加入这行样式即可调整下面盒子的层级
			}

　　

<div class="box">
			<div class="imgBox">
				
				<img class="imgBoximg" src="img/plt1.png" alt="" />
			</div>
			<div class="boxc"></div>
		</div>