Moj mega koncept polega na tym ze ekran podzielilem na dwa okna pionowe lewe na 80% prawe na 20%
Lewe i Prawe okno ustawilem zeby sie automatycznie rozciagalo w dol.

W leweym oknie wstawilem div na dole tam gdzie bedzie sie wpisywac text i przykleilem go do dolnego lewego okna
A gorny div tam gdzie bedzie text chcialbym by byl auto,atycznie rozciagneity w dol do tego diva z wpisywaniem textu
Da sie tak zrobc ? i zeby ten div po zapelnieniu wiadomosciami mozna bylo przewijac ale zeby on mi nie rozjezdzal
caloosci czyli cos overflow auto czy cos

To jak ustawic tego diva ?

ponizej moj kod css

.main-left {
  width: 80%;
  float: left;
  position: relative;
  min-height: 100vh; 
}

.main-right {
  border: 1px solid;
  width: 20%;
  min-height: 100vh;
  float: left;
}

.clear {
  clear: both;
}

.chat-window {
  border: 1px solid;
  height: 100%;
}

.input-window {
  border: 1px solid;
  position: absolute;
  width: 100%;
  bottom: 0;
}

i kod html

<div class="container-fluid">
    <div class="main-left"> 
        <div class="chat-window">
            <p>wiadomosc</p>
	</div>
	<div class="input-window">input window</div> 
    </div>
    <div class="main-right"> man right </div>
</div>