html, body { height: 100%; margin: 0; padding: 0; min-width: 1200px; } #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-flow: column; } #app .app-header { color: #fff; flex: 0 0 60px; background: #324057; height: 60px; line-height: 60px; padding: 0 20px; } #app .app-header .title { font-size: 24px; } #app .app-content { flex: 1; display: flex; flex-flow: row; } #app .app-content .app-nav { flex: 0 0 300px; background: #eff2f7; } #app .app-content .app-nav .app-wrap { flex: 1; padding: 10px 20px; overflow: auto; } #app .app-content .app-nav .app-wrap .content-wrap { height: 90%; border: 1px solid #d1dbe5; border-top: none; padding: 0 20px; }