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>