Div nie ma wysokości

0

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ę

0

Dodam, że w divie będzie obrazek przyjmujący wysokość i szerokość diva

width: 100%;
height: 100%;

i wszystko działa dobrze jeśli wysokość ustalam poprzez wartość pixelową, ale potrzebuję użyć wartość procentową i nie działa...

0

No ale ma mieć 20% czego? W przykładzie, który podałeś nie ma parenta, więc wysokość nie ma się według czego ustawić.

0
Sarrus napisał(a):

No ale ma mieć 20% czego? W przykładzie, który podałeś nie ma parenta, więc wysokość nie ma się według czego ustawić.

20% wielkości/rozdzielczości ekranu

0

Oraz chciałbym, żeby ten div był bezpośrednio parentem dla innych divów które będą w środku.

0

.div1-class {
position: absolute;
border: 5px solid red;
width: 40%;
height: 20%;
}
?

0

Działa! :) Thx

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0