css 设置 子 div 和 父 div 一样大

banner div 和 video 一样大小，现在想给 video 加一个半透明蒙版，
slogan div 设置地和父 div banner 一样大即可。

html

    
    

        
空天车地信息一体化轨道交通
        
Power Train with AI.
        Try the demo
    

css

#banner {
    position: relative;
    width: 100%;
}

#banner video {
    width: 100%;
}

.slogan {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    top: 0;
    bottom: 0;  /*very important*/
}

效果图