.container { height: 100%; width: 100%; overflow: hidden; position: relative; .left, .right { position: absolute; top: 0; width: 380px; height: 100%; overflow: hidden; display: flex; flex-direction: column; .item { flex: 1; width: 380px; overflow: hidden; display: flex; flex-direction: column; .title { position: relative; color: #fff; margin: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); &::after { position: absolute; width: 18px; height: 4px; background-color: rgba(255, 255, 255, 0.7); content: ""; right: 0; bottom: -2px; border-radius: 4px; } } > div { flex: 1; overflow: hidden; } } } .left{ left: 0 !important; z-index: 100; } .right { right: 0 !important; z-index: 100; } .bac{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } }