Como criar uma Vertical de enchimento,sensível deslocamento do recipiente

Eu quero criar uma lista rolável de que preenche vertical o espaço restante. No entanto, eu não consigo descobrir como para não estragar o excesso de manuseio. No meu caso, é suposto ser uma lista dinâmica de conversações para um aplicativo de bate-Papo, e é escrito angular com a ajuda de PrimeNg (usando flexgrid)

//in a component
<div class="p-col-3 p-col-align-stretch"> //size correct here
   <div class="p-grid">   //previous div
      //complicated div here 
   </div>
   //the following part is supposed to 
   //fill the remaining vertical space and scroll on overflow
  <div class="conversations">
     <div class="" [ngClass]="mainStyleClasses" *ngFor="let conversation of filteredConversations">
       <app-conversation class="conversation" [conversation]="conversation">
       </app-conversation>
     </div>
  </div>
</div>

//scss of component
.conversations{
  height: 85%%;    //<-- this does not work 
  overflow-y: auto;      //<-- does not do what I intend
  overflow-x: hidden;
}
.conversation{
  max-height: 40px;
  height: 100%%;
  width: 100%%;
}

Eu quero a garantia de que não se desloca. Mas se eu definir o excesso oculto nele, overflow: auto não funciona .conversas. Note, que eu nem sei a altura da anterior e eu não sei o restante altura, como eu quero que a coisa toda para responder. Usando porcentagens foi meu melhor palpite tão longe, mas não garantem que o corpo não estourar.

0
2019-09-18 10:18:47
origem
0 respostas

Veja mais perguntas por marcas