Mam problem z pustym divem. O ile width: 40%; dobrze działa tj. div przyjmuje szerokość 40%, o tyle height: 20%; już w ogóle nie działa. Div nie ma w ogóle wysokości.
https://jsfiddle.net/79d8mxg1/
<div class="div1-class"></div>
.div1-class {
border: 5px solid red;
width: 40%;
height: 20%;
}
Natomiast gdy użyje pixelowych wartości np.:
https://jsfiddle.net/rhbhw1gv/
.div1-class {
border: 5px solid red;
width: 40%;
height: 200px;
}
To div już normalnie dostaje wysokosć. Dlaczego tak się dzieje? Chciałbym używać procentowych wartości - co muszę zrobić, żeby DIV miał wysokość używając height: x%; ?
Dziękuję