*{margin:0;padding:0;box-sizing:border-box;}

.main{border:4px solid blue;display: flex; flex-direction: column;height:calc(100vh - 100px)}

.head{ flex: none; height: 100px; background: #ccc; }

.list{ height: 100%;  border:4px solid #000; overflow-y: auto;}

.tabs{height:100px; background: #999;}