我正在尝试使用Angular 4.4.6和Angular Material 2.0.0-beta.12在响应高度容器内构建一个mat-list . 如何在不溢出父容器的情况下使mat-list可滚动?
这是stackblitz网址:https://stackblitz.com/edit/angular-material2-issue-tedisv?file=app%2Fapp.component.scss
:host{
border: 3px dashed red;
width: 100%;
min-height: 150px;
max-height: 350px;
height: 10%;
display: flex;
flex-direction: column;
mat-toolbar {
flex-grow: 0;
}
mat-list {
flex-grow: 1;
border: 3px solid green;
}
}
1 回答
我昨天试过了 overflow: auto; (在发布问题之前)并没有奏效 . 但今天它有效 . 我可能遇到过与ng cli或浏览器缓存有关的缓存问题 .