top:0,bottom:0,left:0,right:0实现黑色遮罩

当我们在做弹窗或者loading时，得让页面其他内容是不能点击的，这就是遮罩。

1. 让无宽高的盒子填满父容器，从而实现遮罩：
   设置top:0，left:0，right:0，bottom:0是让子盒子四边与父容器间距为0，而子盒子没有明确宽高，自然被拉伸到撑满整个父容器了。

.child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    background: rgba(0,0,0,0.5); //半透明
 
}

2. 有宽高的盒子填满父容器：
   设置子盒子的width:100%，height:100%，让子盒子的宽度和高度为父容器的百分之百。
   ps：top,left此类定位属性只对添加了position属性且值为非static的元素生效。