.container { height: 100%; background: #f1f1f1; > header { padding: 0 24px; display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; height: 46px; background: #001529; z-index: 19; .logo { width: 176px; display: flex; align-items: center; color: #fff; svg { width: 22px; } span { padding-left: 10px; font-family: "bs"; font-size: 16px; } } } > aside { position: absolute; left: 0; top: 46px; bottom: 0; width: 200px; > aside { height: 100%; } } > main { position: absolute; left: 200px; right: 0; top: 46px; bottom: 0; overflow-y: auto; .view { padding: 0 24px; } } }