czy da sięustawić aby height miał np. 20% width'u?

Question

Witam!

Mam pewien problem. Potrzebuje aby wysokość diva była równa 20% width'a divu(szerokość div'a wynosi 100%). Czy da się to w jakiś sposób wykonać?

Answer 1

Jest jeszcze trick z paddingami: https://jsfiddle.net/sxqL11fy/1/

Źródło do poczytania: http://www.mademyday.de/css-height-equals-width-with-pure-css.html

Answer 2

Zawsze można manualnie policzyć ile to będzie 20% od twojej szerokości i taką ustawić wysokość.

Comments

No tak ale 20% od 100% będzie ciężko.

---

https://developer.mozilla.org/en-US/docs/Web/CSS/calc ?

Answer 3

.div { height: 20vw; }

Comments

To jest względem strony, nie rodzica.

---

Ale skoro div ma 100% szerokości strony to wyjdzie na to samo

---

Ja tam widzę, że div ma 100% szerokości (nie wiadomo czego). Jeśli natomiast mówimy o stronie, to tak: w tym konkretnym przypadku wyjdzie na to samo.