Min size i position absolute

Question

Dlaczego min-height/width nie dziala na divy z pozycja absolute gdy height i width jest w wartosci procentowej? I jaki jest tego skuteczny zamiennik?

Comments

A z wględem czego jest realtywny?

---

Podaj przykład. Wstaw kod.

---

#menu{
position:absolute;
width:50%;
height:50%;
top:50%;
left:50%;
transform: translate(-50%,-50%);
background-color:red;
}


#elem{
position:absolute;
width:50%;
height:50%;
top:50%;
left:50%;
transform: translate(-50%,-50%);
background-color:blue;
}

 

 

<div id="menu">
     <div id="elem">

     </div>
</div>

 

Taki przykładowy i np. dodaje do id "elem" "min-height:20%" i chce żeby podczas np. zmniejszania okna przeglądarki ten element nie miał mniej niż 20% swojej wielkości, ale to nie działa, prosiłbym o dokladne wytłumaczenie, z góry dziękuję

---

A jaka jest wielkość tego elementu?

---

50% jego rodzica ;w;

 

chyba, bo jest w nim w kodzie nie? Mam nadzieje że tak to działa

---

Nie rozumem pytania. Jeżeli element ma mieć 50% ale nie mniej niż 20% to zawsze będzie miał 50%. To chyba logiczne? A właściwie taki zapis jest bez sensu.

Albo jeżeli element ma mieć minimum 20% ale nie określimy max, to zawsze będzie miał 20% dopuki jego zawartość go nie rozciągnie.

Answer 1

To jest wielkość, która jest procentem rozmiarów rodzica, nie rozmiaru samego siebie.

Comments

a jak nadać minimalną wielkość divowi który jest w wielu innych?

 

 

+ jak ustawie 100% dla tła, to gdy pojawi się pasek z przesuwaniem to widać białe boki, da się jakość zrobić żeby tło też się rozciągało na to poza przeglądarką?

---

To oznacza że coś jest większe niż body i to jest raczej błąd po sprawdzaj elementy z relativy bądź absolutnie nie lubią robić takie psikusy. No chyba, że na sztywno ustawiłes body.