body {
}
.wrap {
position:absolute;
top:50%;
left:50%;
margin:-200px 0 0 -200px; /* 这里margin-top 需要配合下面的height值 */
width:400px;
height:450px; /* 这里的高度可以随便改，下面两个div的高度自适应 */
padding:10px 0;
overflow:hidden; /* 隐藏下面的div.inner 占用的文本流位置 */
}
.bg{
height:100%;
margin:0 20px;
background:#000;
opacity: 0.5;
}
.inner {
position:relative;
top:-100%; /*这里是关键 */
height:100%;
margin:0 20px;
}
